Creating, editing, or deleting pages - AWS App Studio

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

Creating, editing, or deleting pages

Use the following procedures to create, edit, or delete pages from your AWS App Studio application.

Pages are containers for components, which make up the UI of an application in App Studio. Each page represents a screen of your application's user interface (UI) that your users will interact with. Pages are created and edited in the Pages tab of the application studio.

Creating a page

Use the following procedure to create a page in an application in App Studio.

To create a page
  1. If necessary, navigate to the application studio of your application.

  2. Navigate to the Pages tab of the application studio.

  3. In the left-side Pages menu, choose + Add.

Viewing and editing page properties

Use the following procedure to edit a page in an application in App Studio. You can edit properties such as the page's name, its parameters, and its layout.

To view or edit page properties
  1. If necessary, navigate to the application studio of your application.

  2. Navigate to the Pages tab of the application studio.

  3. In the left-side Pages menu, choose the ellipses menu next to the name of the page you want to edit and choose Page properties. This opens the right-side Properties menu.

  4. To edit the page name:

    Note

    Valid page name characters: A-Z, a-z, 0-9, _, $

    1. Choose the pencil icon next to the name near the top of the Properties menu.

    2. Enter the new name for your page and press Enter.

  5. To create, edit, or delete page parameters:

    1. To create a page parameter, choose + Add new in the Page parameters section.

    2. To edit a page parameter's Key or Description value, choose input field of the property you want to change and enter a new value. Your changes are saved as you edit.

    3. To delete a page parameter, choose the trash icon of the page parameter you want to delete.

  6. To add, edit, or remove a page's logo or banner:

    1. To add a page logo or banner, enable the respective option in the Style section. Configure the image's source and optionally provide alt text.

    2. To edit a page logo or banner, update the fields in the Style section.

    3. To remove a page logo or banner, disable the respective option in the Style section.

  7. To edit a page's layout:

    1. Update the fields in the Layout section.

Deleting a page

Use the following procedure to delete a page from an application in App Studio.

To delete a page
  1. If necessary, navigate to the application studio of your application.

  2. Navigate to the Pages tab of the application studio.

  3. In the left-side Pages menu, choose the ellipses menu next to the name of the page you want to delete and choose Delete.