Sorry, you need to enable JavaScript to visit this website.
Skip to main content

Section designer

As an ECCAIRS or National Administrator and once you have created a section, you can configure the visual aspect of it with the section designer.

You can configure a section by clicking on the 'three dots' icon, the 'Edit Section' option. The section designer will be opened:

actions

This tool works in what is called wysiwig (What you see is what you get). Dragging and dropping elements is also permitted here.

As a first step to design a section, you must select the layout. Multiple columns or a table is selectable here.

layout

When you select a column layout, in this case a 3 columns layout, the following block with 3 boxes appears:

If you want to insert a table, you need to click on the 'Table' icon  and a block with 5 boxes appears, by default. 

To indicate the number of columns and rows the table will have click on the 'Configure' icon    :

 

 

The title of the section is visible by default and is the name of the Entity. You can edit it by clicking on the 'Configure' icon configureon the title row. 

Once you have selected the layout of the view you can choose the items you want to add in the 'Elements' tab. Here you will be able to drag and drop text, images or attributes:

You can add:

  • Free text
  • Images
  • Attributes
    • Definition only
    • Definition + value
    • Value only

Drag and Drop the element to the desired position in a layout. A dialog window shall appear to choose the properties of that element:

attributes

Click on the 'Save' button to add the element. The element will be displayed in its position.

attribute added

All of these elements have a 'Configure' icon configure . With this button, you can change the properties. Depending on the element you want to edit, the window may vary.

You can add multiple items to a row:

multiple items

And also you can add multiple rows:

multiple

If you want to delete an item, click on the 'Delete' icon delete .

If your want to move an item, click on the 'Drag & Drop' icon DRAG .

To preview the section you can click on the 'Preview' button:

Click on the 'Back' button when you have finished editing the section.