Pages and Navigation

You are here:

You can create any number of tabs from the Page Designer in the designer interface.

pages-and-navigation

This menu displays all active pages in your web application. You can create, edit, or delete existing pages, as well as re-order the pages for display within the finalized navigation bar (provided that you have one enabled). The order of pages here is important for navigation purposes. You can drag-and-drop pages to change their order. You can use a Navigation Bar, any number of Action Buttons, or any combination of both methods to allow your users to transition between pages in your Designer application.

 

Navigation Bar

A navigation menu will automatically list all pages that are visible to the end user. You can add a Navigation Bar to any number of pages from Edit Page menu. You can enable Navigation Bar for this page by changing the Navigation Bar Orientation to Top or Left. Selecting None will hide the Navigation Bar. Note that you need to apply this property to each page in your web application individually.

pages-and-navigation

Enabling the Is Navigation Bar Fixed? option will fix the Navigation Bar so that it will remain on the top or the left side of the page when users scroll through the page.

 

Action Buttons

You can add any number of Action Buttons in the User Interface Designer. Action buttons can be assigned a Navigation event, which can be configured by clicking the event name after it’s added into a button.

pages-and-navigation

Here, you can select a Navigation Type property to redirect users to other pages. Options are,

  • Back – Takes the user to the previous page in the page order defined in the Pages module. If there are no available pages to the end user, the button will not do anything other than calculate.
  • Next – Takes the user to the next page in the page order defined in the Pages module. If there are no available pages to the end user, the button will not do anything other than calculate.
  • Go To Page – This option creates a second property, Go To Page. You can select the specific page name from this input to direct the user to that page. If there are no available pages to the end user, the button will not do anything other than calculate.