Changing Screens by Navigation

The pre-defined change screen process is called navigation.

From the project explorer, create a folder in [Screen Design] - [Screens], and set up navigation for each folder.

For information on folders, see the following.

Folders and Master Screens

Changing Screen with Multi-Layer Folders

Navigation includes the following types.

Left Navigation

The navigation switch is automatically created on the top left part of the screen. Touch the navigation switch to display a list of screens and folders at the same hierarchical level. To change to a screen/folder, touch it in the list.

Note:

Customize the navigation switch's size, color, text, and so on from the project explorer's [Screen Design] - [Screens] settings.

Icon Navigation

The navigation switch is created automatically. Touch the navigation switch to display a menu screen with an icon list of screens and folders at the same hierarchical level. To change to a screen/folder, touch the corresponding icon.

Note:

You can edit the size, color, text, and so on for the navigation switch ([Menu] switch) from the master screen. Edit the menu screen such as the number of rows and columns and color of icon switches from the project explorer's [Screen Design] - [Screens] settings.

Slide Navigation

The navigation switch is created automatically. You can either use the navigation switch or scroll gestures and slide the screen to change to the next or previous screen.

Note:

Refer to the following for models that support scroll gestures.
Supported Model/Feature
You can edit the navigation switch's size, color, text, and so on from the master screen.

Blank Navigation

The navigation switch is not created automatically. Place a switch object (operation: Screen Change) to change screens.

Note:

By placing a switch in the header/footer, you can create a commonly available switch for all screens in the folder.