Design presets for elements

Control

This column lists all application elements that the margins and style classes can be defined for within a DIV container.

Top / Right / Bottom / Left

Clicking in one of the checkboxes in the column header selects all checkboxes in the corresponding column. It is also possible to select or deselect individual checkboxes in the columns. If a checkbox in a column is selected, a margin is set up on the corresponding side of the element. The following style classes are initially assigned to the respective element:

  • Top
    ix-margin-top
  • Right
    ix-margin-right
  • Bottom
    ix-margin-bottom
  • Left
    ix-margin-left

The specification of the margin size is entered in the style classes and can be edited in the "Design" module. You can simply search for the name of the style class there. When creating an element in a div container, when moving or copying to a div container or when grouping, the style classes named above will be used. If you move an element with these style classes to a container, which is not a div container, or if you remove a grouping, the style classes are maintained.

Style classes

Each element can be assigned additional style classes here, these will be added automatically to the control when creating an element within a div container.

Please make sure that you spell style classes correctly. And please note that they are case-sensitive. If you would like to specify multiple style classes, these need to be entered with a space between them (e.g. MyFirstClass MySecondClass). The specified style classes need to be in the portal layout so that they can be used.

Reset to default

Clicking on this button restores all settings to their default values.