Basic Styles

The form engine provides a few utility classes that can be useful. To add a class to a component you can set its style class attribute in the form component.

Included classes are:

.flw-text-left, .flw-text-center, .flw-text-right , .flw-text-justify Useful for forcing a different text alignment.

.flw-keep-lines
Useful for keeping lines, showing line breaks correctly.

.flw-blue, .flw-green, .flw-orange, .flw-red Basic pre-defined combinations of font color and background color.
Useful for alerts, table rows, labels, etc...

.flw-bg-whitesmoke Defines background-color to whitesmoke color.

.flw-padding-normal, .flw-margin-normal Adds space around (margin) or inside (padding) of an element Handy for nested subforms in combination with flw-bg-whitesmoke in order to create better visual categorization.

.flw-out-padding-top-25 Adds a top padding of 25 pixels. Useful to align buttons in a row that include some labeled components.

These classes are defined in scss/_utility-classes.