Form styles and component styles

Adding CSS styles to the application

After clicking the button in the left sidebar Application style a side panel with a CSS sheet editor embedded 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:

• CSS syntax highlighting and suggestions,

• text search,

• basic CSS validity checking,

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

We apply the created style by entering its name in the Style names field available in the Styling panel Properties.

Component styling and platform styles

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

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

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

Illustration 3. Sample list of suggestions for the Label component

Available platform styles may vary depending on the deployment