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!
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)..
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.
Great, thanks. Seems to be working. BUT, unfortunately, we have the same problem with GMX. Do you know a workaround for this as well?
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.
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
André Arnaud de Cal...
291,969
Super User 2025 Season 1
Martin Dráb
230,842
Most Valuable Professional
nmaenpaa
101,156