Form and component styles

Adding CSS styles to the application

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

Illustration 1. Application style editing panel

The CSS editor offers:

• syntax highlighting and suggestions for CSS,

• text search,

• basic validation of CSS correctness,

• automatic refresh of the application after each change to the CSS definition.

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

Component styling and platform styles

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

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

When adding a platform style, we get a list of suggested styles available for the given component.

Illustration 3. Example list of suggestions for the Label component

Available platform styles may vary depending on the deployment