Design module - Element settings - Options
If a layout element is selected on the
or in the Structure
, its properties
will be shown in the Element settings
area. At the
bottom of the Element settings
, you'll find the buttons
to edit the optional properties of the
currently selected element.
For every element, you'll find the ID
, which is
used to identify the element in CSS, in the general section of the options.
If the ID is editable here, you need to make sure that you use an ID that is
unique in this layout. If you use an ID twice, your changes will be dismissed
as soon as you click on another element in the workspace.
You can provide your element with a title here as well that will be used
in all areas of the Design
Heading / Heading level
You can assign a heading level and a heading. The heading level has no
impact on the hierarchy in the layout but will be written, as well as the
heading, under the container in the HTML. This means that the heading can
be used and read by screen readers and search engines.
If you would like to construct accessible pages or would simply like to bring
more transparency to your layout structure, you can assign a
to the element.
Whenever you see the symbol
, you can click here to add
multilingual text. Any other settings, which can be applied in the area
, vary from element to element.
If a tooltip is selected in the Control elements
area, the following options are shown.
Automatically adjust height/width
The size will be automatically adjust in relation to the rest of the page
Maximum height / width
Here, you have the ability to enter a maximum height or width respectively.
If the application menu is selected on the
, the following options are shown.
With this option, a separator will not be shown between the
application menu points
Here, an image can be inserted as a separator between the application menu points.
The image can be selected by clicking on
The text entered here will be shown as a separator between the menu points.