Creating and editing elements

Creating new elements

To create a new element, please select an element in the "Elements" area. Drag the element you want to create with the mouse to the desired position in the "Structure" area. A preview of the element's position is provided by the line. When you let go of the mouse button, a wizard will open that will help you configure the element.

All information on the areas in the "Design" module can be found here.

Editing element properties

The properties of elements can be edited in two ways: In the "Element settings" area or via the properties dialog, which helps you to set the most frequently required properties of the element in the form of a wizard.

Element settings

If you select a layout element in the layout structure, all available settings for editing are displayed in the "Element settings" area.

All other settings that can be made here in the "Options" area vary from element to element. Go to the respective element to find a description of all the other settings.

Properties

Double-click on an element in the "Layout / Structure" area to edit the properties of the element in the properties dialog. A wizard appears to help you edit the element settings.

In the wizard, you will only find the most important common properties of the selected element. If you cannot find a setting there that you would like to edit, please switch to the "Element settings" area.

Click on "Next" to open the next dialog page of the wizard.

General settings

The following settings can be found both in the "Element settings" area and in the properties dialog.

General

ID / Class

In the general section of the options, you will find the "ID" or "Class" for all elements, which is used to identify the element in the CSS. If the ID can be edited here, you should ensure that you use an ID that is unique in the layout. If you use an ID twice, your changes will be discarded as soon as you edit another element.

Title

Here you can give your element a title under which it will be listed in all areas of the "Design" module.

Heading / Heading level

You can assign a heading level and enter 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 want to create accessible pages or simply bring more transparency to your layout structure, you can assign a role to the element here.

Multilingualism

Opens a dialog in which the respective property (e.g. the title) can be edited in the portal languages.

Appearance in the Elements area

Category overview

In the upper part of the "Elements" area you will find the category overview. If you click on a category here, only the elements from the selected category are displayed in the lower part.

Context menu: Elements

The display of the elements in the "Elements" area can be changed via the context menu.

Show icons

Only the icons of the elements are shown with this option.

Show icons and titles

The elements' icons and titles are shown with this option.

Show icons and descriptions

The elements' icons and descriptions are shown with this option.

Show categories view

With this setting, the category overview is displayed in the upper part of the Elements area.

Search

You will find the search at the bottom of the "Elements" section. Enter a search term here. The elements are filtered according to the search term.

Reset filter

Deletes the search term and removes the filter.

More information

Surrounding container / container

Grids

Menus

Additional controls

Portal and application area

Other elements

Element settings - Styles