UI: Insert space

0
Hi, I got a UI request to insert some space between the last label or last attribute value and the buttons below on some spaces. Same question to increase spacing on top of a tab container. This is not required on all forms. I guess there must be a way to do this in CSS and link those forms to that CSS style? Are there alternatives? (I tried to create an empty label, but that doesn't work)
asked
2 answers
6

Adding space is possible with padding and margin in css. More information @ here. You can apply your css rules by giving your form a custom css class. Add this css class in your theming stylesheet to apply the css rules.

An alternative is to add the css style in the modeler to a specific table cell or label. Just select a cell or label in your form designer and find the style property. Add your own css style, something like this:

margin-left:20px;
margin-top:20px;

A disavantage of this method is that you need to redeploy to see the results. The preferable way is to define a css class in your form and use this custom css class in your theming. You can do this by modifying the stylesheet in your theming. Reading the theming documentation could help you understanding how theming in mendix works: https://world.mendix.com/pages/releaseview.action?pageId=11437788

answered
1

Use the Format String Widget from the Appstore

if you set it to div mode and put <br/> into it it will create nice whitespace on the form.

The missus swears by it to create eye-pleasing forms !

answered