# Managing pages


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

**Pages** are containers for [components](concepts.md#concepts-component), 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. For information about duplicating an existing page, see [Duplicating a page](pages-duplicate.md).

**To create a page**

1. If necessary, navigate to the Development environment of your application by editing it.

1. Navigate to the **Pages** tab.

1. In the left-side **Pages** menu, choose **\$1 Add**.

# Duplicating a page


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

**To duplicate a page**

1. If necessary, navigate to the Development environment of your application by editing it.

1. Navigate to the **Pages** tab.

1. In the left-side **Pages** menu, choose the ellipses menu next to the name of the page you want to duplicate and choose **Duplicate**. The duplicated page is added directly after the original page.

# 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 Development environment of your application by editing it.

1. Navigate to the **Pages** tab.

1. 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.

1. To edit the page name:
**Note**  
Valid page name characters: **A-Z**, **a-z**, **0-9**, **\$1**, **\$1**

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

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

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

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

   1. 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.

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

1. 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.

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

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

1. 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 Development environment of your application by editing it.

1. Navigate to the **Pages** tab.

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