Button sizes - need same width

0
Good Morning,   I need these two buttons to be the same width. How do I go about that please in studio pro?     Thanks in advance
asked
2 answers
0

Double-click both of the buttons and give them a class name, let's say "button-fixed-width"

 

image.png"

 

in your "main.scss" file, add this code (change the width as suitable):

 

.button-fixed-width {

     width: 300px;

}

 

image.png

 

 

answered
0

Hello Jessica,

 

Depending if you are working with a native or web application you can use custom css or react js styling to do the trick.

Online there are many resources to help you with setting the right code for the size.

 

Probably you need to fill in a width: or a min-width

 

For example:

https://www.w3schools.com/css/tryit.asp?filename=trycss_buttons_width for css

https://medium.com/the-clever-dev/how-to-change-button-size-with-javascript-or-css-3-ways-c3c7778d04ac for js

 

Also check out the mendix documentation around styling to do it in a proper way:

 

Native Styling

General Styling

 

Learning paht css

 

Hope this helps !

 

good luck

 

 

answered