Skip to main content

Notifications

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!

  • Fubar Profile Picture
    Fubar 2,752 on at
    RE: Buttons are squared instead of rounded

    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
    cloflyMao 25,202 on at
    RE: Buttons are squared instead of rounded

    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
    Diana Schindler 60 on at
    RE: Buttons are squared instead of rounded

    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
    cloflyMao 25,202 on at
    RE: Buttons are squared instead of rounded

    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

Quick Links

Announcing Our 2025 Season 1 Super Users!

A new season of Super Users has arrived, and we are so grateful for the daily…

Announcing Forum Attachment Improvements!

We're excited to announce that attachments for replies in forums and improved…

Vahid Ghafarpour – Community Spotlight

We are excited to recognize Vahid Ghafarpour as our February 2025 Community…

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 291,969 Super User 2025 Season 1

#2
Martin Dráb Profile Picture

Martin Dráb 230,842 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans