Ordering and organizing pages in the app navigation - AWS App Studio

AWS App Studio is in preview and is subject to change.

Ordering and organizing pages in the app navigation

This topic includes information about reordering and organizing pages in App Studio applications. There are two areas of the product where app pages are seen: in the left-hand Pages menu while editing the app in the application studio, and the left-hand navigation of a preview of published app.

Ordering pages in the left-hand Pages menu while editing an app

While editing an app in the application studio, the pages are ordered by creation time in the left-hand Pages menu. You cannot reorder the pages in this menu.

Ordering, showing, or hiding pages in the navigation of a preview or published app

You can edit the following settings of the left-hand navigation of a preview or published app:

  • The visibility of the entire navigation

  • The visibility of specific pages in the navigation

  • The order of the pages in the navigation

To edit the left-hand navigation of a preview or published app
  1. If necessary, navigate to the application studio of your application to edit it.

  2. In the left-side Pages menu, choose Header & navigation.

  3. In the right-side Header & navigation menu, view or edit the following:

    1. To hide or show the navigation in the app, use the App navigation toggle.

    2. To hide pages from the navigation of the app, drag the pages to the Unlinked pages section.

    3. To reorder pages in the navigation of the app, drag them to the desired order in the Linked pages section.