Design module - Element settings - Options
Design module
Areas
If a layout element is selected on the
Workspace
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
Options and
Styles. Click
on
Options to edit the optional properties of the
currently selected element.
General
ID
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.
Title
You can provide your element with a title here as well that will be used
in all areas of the
Design module.
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.
Role
If you would like to construct accessible pages or would simply like to bring
more transparency to your layout structure, you can assign a
Role to the element.
Other languages
Whenever you see the symbol
Other languages, you can click here to add
multilingual text. Any other settings, which can be applied in the area
Options, vary from element to element.
Tooltips
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.
Application menu
If the application menu is selected on the
Workspace, the following options are shown.
No separator
With this option, a separator will not be shown between the
application menu points.
Image
Here, an image can be inserted as a separator between the application menu points.
The image can be selected by clicking on
Select image.
Text
The text entered here will be shown as a separator between the menu points.