Make Buttons Rounded

1
Hi Guys, is there anyway of making the standard button that mendix provides you look a bit nicer or even make it rounded like we see in mendix pro.  im wokring in studio pro Version 9.18.1   
asked
3 answers
1

You can do this by adding a custom stylesheet (.scss) to the styling folder.
Import it into main and add a custom class to it (for example: ButtonRounded)

 

Add the following to your custom stylesheet:
 

.ButtonRounded {
border-radius: 3px;
}


To make it more rounded, change the amount (3px).

answered
1

Hi Charlie,

Actually, there is probably a more optimal solution than the one mentioned before. Just navigate to your _custom-variables.scss file in the theme folder and change the $btn-border-radius value to your preferred value. That should change the border radius on all existing buttons without the need for any additional css or classes.

answered
0

This is what they look like at the moment, would ideally want them rounded.

answered