Skip to main content

         This documentation site is for previous versions. Visit our new documentation site for current releases.      

Generate the primary navigation of a web interface (8.3)

Updated on May 3, 2021

Generate a dynamic primary navigation of a web interface by managing the list of user interface pages that are relevant to your application.

If you configure the layout of a web interface to include a menu widget, you can add, remove, and reorder user interface pages that populate the primary navigation menu. When you manage the list of pages, you see an overview of the web interface. This way you can adjust the navigation before you generate a preview in App Studio or launch the interface in Dev Studio. The following demo shows how to add items to the navigation menu from App Studio.

Adding items to the navigation menu from App Studio
Adding items to the navigation menu

To ensure that the list of pages contains elements that are suited to your business process, you can add only the pages that are marked as relevant records for your application. For example, all pages that you create in App Studio are automatically marked as relevant records, and can be used to quickly build a navigation menu.

You can also customize user interface pages by editing their names and giving them unique icons in App Studio, as shown in the following demo.

Changing the name and icon of a page from the Page settings dialog box
Changing the name and icon of a page

For more information, see Configuring the navigation menu for a portal and Modifying the name and icon of a page.

  • Previous topic Improve navigation with the Anypicker control (8.4)
  • Next topic Improve interactions with data in tables (8.3)

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us