Customer experience | Sales, Customer Insights,...

Buttons are squared instead of rounded

(1) Share

Report

Posted on by Diana Schindler

Dear Community,

we want to send event invitations via Dynamics Marketing including a rounded button for registration. Via test sends it turned out that Outlook "converts" rounded buttons into squared.

This ist how it SHOULD look like:

This is how it DOES look like when sent to an Outlook recipient:

Do you know this issue and have any suggestion to solve it?

Thanks in advance!

I have the same question (0)

All responses (4)

Answers (0)

Suggested answer

cloflyMao 25,210 on at

Like (1)

Report
Copy link

Link copied!
Hi Diana,

The rounded corner is controlled by "border-radius" property, however, unfortunately the property is not supported in Outlook client.

A workaround is that firstly adding a default button element to email content, then replace it with following code in HTML editor.

Here is your button!

Test:

I added two buttons to email: one is the default button, another is the custom button.

Preview in Chrome:

Result in Outlook 2016 desktop:

We can see that the first button became to square corner due to the property is not supported,

but the second keeps the rounded corner.

The workaround is from an example of Codepen.

Regards,

Clofly

Was this reply helpful? Yes No
Diana Schindler 60 on at

Like (1)

Report
Copy link

Link copied!

Great, thanks. Seems to be working. BUT, unfortunately, we have the same problem with GMX. Do you know a workaround for this as well?

Was this reply helpful? Yes No
cloflyMao 25,210 on at

Like (0)

Report
Copy link

Link copied!

Hi Diana,

I tested with Litmus preview, and I found that both of buttons are still square corner.

Compatibility among different clients are different and it is complex to find an ultimate solution, border radius is the easiest way to define rounded corner and it is supported by most of modern clients, however, it is still not supported well by some of clients.

I have only Gmail and Outlook account and never used GMX, therefore, if you want to have rounded corner in GMX email, you could contact to GMX support team to ask if they had any workaround.

Please let me know if you still had any doubt.

Regards,

Clofly

If you had found any answer helped, please kindly mark as verified, it would be really appreciated.

Was this reply helpful? Yes No
Fubar 2,761 on at

Like (0)

Report
Copy link

Link copied!

To be honest, this something Microsoft should have already resolved. I understand that every nuance in every email client etc is not possible to address, but the Designer should put in the relevant MSO etc code for the main clients - by not doing it it kind of defeats the purpose of having a WYSIWG designer - Outlook Desktop is particularly bad (and as its a MSFT product you would expect that it already there)..

Was this reply helpful? Yes No