A simple menu bar shows menu items of a navigation profile or in a menu document in the form of a horizontal or vertical bar. These items are determined by the Menu source and are either configured in the Navigation or a Menu.
Sub-items of menu items are not displayed by this widgets, that means the menu structure can only have one level. For more information on menu items and their properties, see Menu.
An example of a simple menu bar properties is represented in the image below:
Menu bar properties consist of the following sections:
2.1 Common Section
For more information on properties in this section, see the Common Section section in Properties Common in the Page Editor.
2.2 Design Properties Section
The Design Properties allow you to change spacing and alignment of the widget and hide it on phone, tablet, or desktop, if needed. Design properties may vary depending on the type of the widget. For example, for the text widget you can change its font weight, color, alignment, and letter case.
2.3 General Section
2.3.1 Menu Source
The items that are shown in the menu widget are determined by the Menu source. Possible menu sources are described in the table below:
|Project navigation (default)||The menu items are taken from one of the profiles defined in the Navigation.|
|Menu document||The menu items are taken from a menu document.|
This property determines how the simple menu bar is laid out.
|Horizontal (default)||The menu items are next to each other and the images are above the captions.|
|Vertical||The menu items are underneath each other and the images are next to the captions.|