How to: Create a Navigation Menu in a LightSwitch HTML Client App


For the latest documentation on Visual Studio 2017, see Visual Studio 2017 Documentation.

In addition to the standard navigation in a LightSwitch HTML Client app, you can provide a navigation menu that allows users to jump directly to another screen. At run time the menu can be accessed by choosing the downward arrow that is added to the title bar.

Title bar with navigation menu dropdown

System_CAPS_ICON_note.jpg Note

If you create a Common Screen Set, the navigation menu is automatically created for you. See Choosing a Screen Type.

To create a navigation menu

  1. In Solution Explorer, open the shortcut menu for the HTMLClient project node and choose Edit Screen Navigation.

  2. In the Navigation menu structure list, open the Include Screen list, and then choose the screen that you wish to add.

    System_CAPS_ICON_note.jpg Note

    Screens that require a parameter don’t appear in the list and can’t be added to the navigation menu.

  3. To change the order of menu items, choose the Move up or Move down button in the right margin.

How to: Control Navigation
HTML Client Screens