Skip to content

Latest commit

 

History

History
73 lines (45 loc) · 3.24 KB

simple-menu-bar.md

File metadata and controls

73 lines (45 loc) · 3.24 KB
title url weight tags
Simple Menu Bar
/refguide/simple-menu-bar/
2
studio pro

{{% alert color="warning" %}}The simple menu bar widget is not supported on native mobile pages.{{% /alert %}}

1 Introduction

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.

{{< figure src="/attachments/refguide/modeling/pages/menu-widgets/simple-menu-bar/simple-menu-bar.png" alt="Simple Menu Bar" class="no-border" >}}

2 Properties

An example of a simple menu bar properties is represented in the image below:

{{< figure src="/attachments/refguide/modeling/pages/menu-widgets/simple-menu-bar/simple-menu-bar-properties.png" alt="Simple Menu Bar Properties" width="250" class="no-border" >}}

Menu bar properties consist of the following sections:

2.1 Common Section {#common}

{{% snippet file="/static/_includes/refguide/common-section-link.md" %}}

2.2 Design Properties Section {#design}

{{% snippet file="/static/_includes/refguide/design-section-link.md" %}}

2.3 General Section {#general}

2.3.1 Menu Source {#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:

Value Description
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.

2.3.2 Profile

Only available when the Menu source is set to Project navigation. The Profile property specifies what Navigation profile is used for the widget.

Default: Responsive

2.3.3 Menu

Only available when the Menu source is set to Menu document. The Menu property specifies what Menu document is used for the widget.

2.3.4 Orientation

This property determines how the simple menu bar is laid out.

Orientation Description
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.

3 Read More