Navigation List

Last modified: July 3, 2023

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 Pane

The properties pane is divided into two major sections by a toggle at the top of the pane: Properties and Styling. Navigation list properties consist of the following sections:

Properties:

Styling:

Miscellaneous:

3 Properties

3.1 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.2 Common Section

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

4 Styling

4.1 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.

4.2 Common Section

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

5 Miscellaneous

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.

5.1.1 Common Section

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

5.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.

6 Read More