Creating and editing elements
Creating new elements
To create a new element, please select an element in the "Elements" area. Drag the element that you would like to create 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 about the areas in the "Design" module can be found here.
Editing element properties
Element properties can be edited in two ways: In the "Element settings" area or via the properties dialog, which has a wizard to help you create the most frequently needed element properties.
1. Element settings
When you select a layout element in the layout structure, all the available settings for editing in the "Element settings" area are displayed.
Any 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.
2. Properties
Double-click on an element in the "Layout / Structure" area to edit the element's properties in the properties dialog. A wizard appears to help you edit the element settings.
Click on "Next" to open the next dialog page on the wizard.
General settings
The following settings can be found in both the "Element settings" area and the settings dialog.
General
ID / Class
In the general area in Options, you will see the "ID" or "class" for all elements. This is used to identify the element in the CSS. 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 also provide your element with a title here that will be used 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 (barrier-free) pages or just want to create more transparency in your layout, you can assign a role to the element.
Multilingualism
Opens a dialog where each property (e.g. the title) can be defined in the different portal languages.
Appearance in the Elements area
Category overview
There is a category overview at the top of the "Elements" area. If you click on a category here, only the items from the selected category will be displayed below.
Context menu: Elements
How the elements are displayed 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 element categories will be shown in the top half of the Elements area.
Search
The search is at the very bottom of the "Elements" area. Enter a search term here. and the elements will be filtered based on your entry.
Reset filter
Deletes the search term and removes the filter.