web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Customer experience | Sales, Customer Insights,...
Suggested Answer

Buttons are squared instead of rounded

(1) ShareShare
ReportReport
Posted on by 60

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: 

pastedimage1603260423429v2.png

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

pastedimage1603260245622v1.png

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

Thanks in advance!

I have the same question (0)
  • Fubar Profile Picture
    2,761 on at

    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)..

  • cloflyMao Profile Picture
    25,210 on at

    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.

  • Diana Schindler Profile Picture
    60 on at

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

  • Suggested answer
    cloflyMao Profile Picture
    25,210 on at

    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:

    pastedimage1603267579671v1.png

    Result in Outlook 2016 desktop:

    pastedimage1603267663581v2.png

    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

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Season of Giving Solutions is Here!

Quick Links

Responsible AI policies

As AI tools become more common, we’re introducing a Responsible AI Use…

Neeraj Kumar – Community Spotlight

We are honored to recognize Neeraj Kumar as our Community Spotlight honoree for…

Leaderboard > Customer experience | Sales, Customer Insights, CRM

#1
Pallavi Phade Profile Picture

Pallavi Phade 101

#2
Tom_Gioielli Profile Picture

Tom_Gioielli 69 Super User 2025 Season 2

#3
TAHER Mehdi Profile Picture

TAHER Mehdi 58

Last 30 days Overall leaderboard

Product updates

Dynamics 365 release plans