Form styles and component styles

Adding CSS styles to the application

After clicking the button in the left sidebar menu Application style a side panel with the CSS stylesheet editor embedded in the application will slide out. The button Application style is visible only in the editor Request.

Figure 1. Application style editing panel

The CSS editor offers:

• CSS syntax highlighting and autocomplete,
• text search,
• basic CSS validation,
• automatic refresh of the application after every change to the CSS definition.

The created style is applied by entering its name in the field Style names available in the section Styling panel Properties.

Component styling and platform styles

Base components can be assigned styles defined in the platform or styles created in the application. Their names should be added in the panel Properties → section Styling → Style names (add subsequent styles by pressing the Enter key).

Figure 2. Example style ex-textfield-without-left-padding added to the component

When adding a platform style, we get a list of style suggestions available for a given component.

Figure 3. Example list of suggestions for the Label component

Available platform styles may vary depending on the deployment