Menus

Design module Elements

1. Tree menu




A tree menu can display any number of levels. Where the level of display begins depends on how the menu is linked to additional menus. The individual branches can be shown or hidden. The background, borders and margins of the total area of the tree menu can be defined in the properties dialog. The design of the area, where the menu items are presented, and the layout of the menu items can also be defined on the corresponding page in the properties dialog. Click here for more information about the element settings.

2. Flat menu




A flat menu can only show one level (arranged horizontally or vertically). On which level the display begins depends on how it is linked to other menus. This is defined in the element settings.


A drop-down menu consists of a flat main menu (arranged horizontally or vertically) and popouts that contain the subordinate menu items. Click here for more information about the element settings.

4. Vertical menu




A vertical menu can be implemented if you require a menu point presentation that saves space, e.g. for mobile devices. This menu type behaves responsively meaning that it adjusts itself accordingly to the various display sizes. The distance between the Start symbol and the menu points can be specified using the "top" and "left" properties of the #Container_Menu_Dropline .menuopenclose selector. Information about the element settings can be found here.

5. Row menu




In the Row menu, the menu points of all levels are depicted horizontally in the same format. It can be implemented if you require a menu point presentation that saves space, e.g. for mobile devices. This menu type behaves responsively, this means that simply the Start symbol is shown in smaller display sizes. The menu points can be opened by clicking on that link. Information about the element settings can be found here.

6. Block menu




In the Block menu, the menu points of the first level are depicted horizontally, the rest are depicted vertically. It can be implemented if you require a menu point presentation that saves space, e.g. for mobile devices. This menu type behaves responsively, this means that simply the Start symbol is shown in smaller display sizes. The menu points can be opened by clicking on that link. Information about the element settings can be found here.