About Style settings

In App Builder projects, the Style settings essentially determine how components and the content on them are displayed.

All basic components have Margin and Visibility options, except for the Flexbox, which has no Margin option.

The Margin options allow you to specify how much space can exist between the sides of the component and the container in which it resides. You can set the margins for all sides to be the same or you can set each side individually. This helps provide for precise positioning within the container.

The unit of measure for all margins is pixels.

The Visibility option determines whether the component is actually visible to the user or hidden. This option can be helpful when you want a component to do something like perform a calculation, but you do not want or need for the user to be able to see it.

Most components have additional style settings that you can make, depending on the specific component. The Label component, for example, has additional style settings for Typography and (font) Color; while the Datepicker component has a single additional style setting for Date Formats.