Custom css to make button round

1
Hi everyone, What custom css code could I add to make the buttons on my app round, as shown below? Thank you! Jon  
asked
2 answers
3

Hi Jonathan,

You can use the css property 'border-radius’ for that: https://www.w3schools.com/cssref/css3_pr_border-radius.asp

Good luck!

answered
1

Yes, you can use border-radius to 20px or something like that, but isn’t there a class in Atlas-UI styling for that? Hm, not here: https://docs.mendix.com/howto/front-end/styles#5-buttons. Hm, Bootstrap to the rescue:

 class="img-rounded"

This makes the button a circle, just like you asked, but not conform to your sample buttons. So, no, border-radius it is.

answered