Navigation

The Navigation Widget provides a simple clickable area that you can drop onto your page to control app flow. By default this widget does not have a user interface of its own. You can directly edit its text, or drop one or more other visual widgets inside it to shape the user visible display of the Navigation.

For example, you can directly set its content text to be the name of the page that will be navigated to.

To use this widget, you must understand how pages work. Navigations use Page Containers , so ensure you have a page with a page container.

Common Use Cases

• Use in a toolbar or header area to show all the top-level navigable content of the application.

• Use inside a Menu or a Side Panel to let the user change the display in a page container.

• Use inside the contents of a page to navigate to another page.

Widget Properties

The widget properties are similar those for the Change Page action.

How to use:

Step 1: Add the Widget From the Elements panel, select the Navigation widget. Drag and drop it onto your page where you want the navigation icon to appear.

Step 2: Add visible content Drop icon, image or just specify text - this acts as the visual indicator of the navigation to the user.

Step 3: Specify navigation properties Set the target page container, the page to load, and the animation to use to show the page in the container.

See Change Page for all properties