Edit layout

You can access this dialog in the "Applications" module via the properties dialog for elements on the "View" tab. Click on "Edit style class", then on "Select style class" / select [Application] or [Application mobile devices] and "Edit layout".

Here you can then define layout styles that can be assigned to the elements in the current application via the "View" tab in the properties dialog. To do this, you must first create your own controls in the "Controls" area via the "Edit" menu. The style properties of these user-defined controls can then be edited in the "Element settings" area. Further general information on the individual areas can be found here.

Controls" area

This area contains a list of application controls as a tree. If you want to define your own styles for elements in your application, create a new control in the corresponding tree branch via the "Edit" menu.

Search" area

All information on this area can be found here.

Preview area

In the center you will see the preview area, in which the most important styles are displayed as they will appear in the browser if a user-defined control is selected in the controls area.

Element settings" area

Displays the properties of the user-defined control if it is selected in the controls area. Further information can be found here.

Edit" menu

Edit stylesheet

Opens an editor in which the control styles or user-defined styles in the CSS can be edited. Further information can be found here.

Replace colors

All information on this menu item can be found here.

Add control element

Opens a dialog in which the class and title of the new control can be edited. The new control automatically adopts the styles of the parent control that you selected in the Controls area before creating it.

Add empty control element

The same as ""Add control element"", but styles will not be applied.

Properties

Opens a dialog with the class and title of the currently selected control.