Change size of button

Good morning guys, is there a chance to adjust the size of a button widget? I didn’t find any possibility in the property window. Maybe a fixed number of pixels for height and width would be the best option for my use case. Thanks and regards Ingo   
3 answers

Hi Ingo, 

You can use the Bootstrap classes .btn-lg, .btn-sm, or .btn-xs to easily change the size of a button. This can be done by adding the class ‘btn-lg’ (or one of the other two classes) to the class property of the button.

If the default sizes do not suffice, you can apply custom styling to make the button appear exactly as you want. Please see the documentation for further info on this.


As a quick solution to set fixed dimensions on just one button, you could also just set the Style property of the button in the Modeler to something like this:

height: 200px; width: 250px;

If you want the same style to be applied to more buttons then I think it's better to create a class for that.


Thanks Axel, that’s exactly what I am looking for