# Navigating Multiple WebPages

For projects with multiple WebPages, a Button and/or a SelectionBox element can be added to navigate between the Web Pages.

- Button

  The Button element is the simplest method for navigating between multiple WebPages.

  1. Add a Button to a WebPage and set the Click Command property to HMI.ShowPage.
  2. This will automatically add the pageName property; set it to the name of the WebPage to be displayed.
  3. Add a descriptive name to the Text property.

- SelectionBox

  For projects with several WebPages, the SelectionBox provides a drop-down menu which can be used to easily select the desired WebPage.

  1. Add a SelectionBox to a WebPage.
  2. Write a simple script for the On Selection Changed script point; e.g. $HMI.ShowPage($WebPages.[WebPageName].SelectionBox.Value).

  3. Configure the Content property.

     1. Click on the ... button in the Content property, which will launch the List Editor dialog.
     2. The Name column contains the name that will be displayed in the drop-down menu.
     3. The Value column contains the name of the WebPage.