If you would like to upgrade to a newer long-term support version of Studio Pro, see Moving from Mendix Studio Pro 8 to 9.

Navigation Tree

Last modified: August 20, 2024

The navigation tree widget is not supported on native mobile pages.

Introduction

A navigation tree displays menu items of a navigation profile or menu document in the form of a tree. These items are determined by the Menu source and are either configured in the Navigation or a Menu.

The menu structure of a navigation tree can have three levels, that means that menu items can have sub-items. For more information on menu items and their properties, see Menu.

Properties

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

Navigation tree properties consist of the following sections:

Common
Design properties
General

Common Section

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

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.

General Section

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 profiles defined in the Navigation.
Menu document	The menu items are taken from a menu document.

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

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