Page Navigation

Page Designer provides some built-in navigation techniques to let you link your page easier.

HyperLink You can link your page with another website by clicking the object that you want to link, opening the style tab, choose the link type as to put the link from another website into the space.

Another Page You can link your page to another page in the Application by clicking the component that you want to link, opening the style tab, choose the link type as to point to another page in your application.

There is also an option to pass parameters to next page when creating a link between the two pages. For this, the User can click on the Query parameter button to add query parameters to the link.

Tab (Web) Page Designer provides a UI element called “Tab” that helps you to set up tab navigation. Drag tab from the menu bar in tab components and drop into the space to create tab navigation.

You can view and edit detail inside by clicking on the tab and the menu bar will show on the top of the screen Click Show to view details of the tab that you select Click Add to add more tab Click Remove to delete tab

Tab (Mobile) Page Designer also provides Tab navigation for Mobile applications. To create a tab structure, the user has to create a new page and choose the Tab template in the page type

The system will generate a default tab menu page for the user.

Users can configure the tabs and set the page for each tab as per their requirements.

Menu (Mobile) Page Designer provides Menu navigation for Mobile applications. To create a menu, the user has to create a menu page and choose the Drawer template in the page type

The system will generate a default menu page for user.

User can modify the contents of the page as per their requirements.

To set the default landing page for the menu. Click on the Splitter component and set the Default page property and the swipe side property.

Now choose each list item component and set the link to set the action for the menu item.