Navigation List

Last modified: February 13, 2024

1 Introduction

A navigation list can be used to attach an action to an entire row when a user clicks this row. Such a row is called a navigation list item.

For example, clicking one row can open a page, clicking another one can execute a microflow.

Navigation List

2 Properties

An example of navigation list properties is represented in the image below:

Navigation List Properties

Navigation list 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 Visibility Section

Visibility determines whether a widget is displayed to the end-user as part of the page.

For more information on properties of this section, see the Visibility Section section in Properties Common in the Page Editor.

3 Navigation List Item

A row in a navigation list is a navigation list item. You can set a separate On click event for each row of the navigation list.

3.1 Navigation List Item Properties

3.1.1 Common Section

For more information on properties in this section, see the Common Section section in Properties Common in the Page Editor.

3.1.2 General Section

In the General section, you can set a specific on click event for each navigation list item. An on click event defines what action is performed when a user clicks a row. For more information on on click events, see On Click Event and Events Section.

3.1.3 Visibility Section

Visibility determines whether a widget is displayed to the end-user as part of the page.

For more information on properties of this section, see the Visibility Section section in Properties Common in the Page Editor.

4 Read More