Create a page collection across multiple UI pages

Create a page collection to accommodate tabbed content that can be used across experiences.

Before you begin

Role required: ui_builder_admin

About this task

Use page collections to create tabbed content in your experiences with the Tabs component in UI Builder.

Pages within a page collection don’t have access to the parent page's URL parameters or data resources. You can set conditions for pages in a page collection to define which page to display to certain audiences. Page templates are not supported inside a page collection.

Procedure

1. Click Create > Page collection.
2. On the form, fill in the fields.

   Table 1. Create a page collection form

   Field	Description
   Name	Name to track your page collection internally.
   App shell UI	Type of app shell UI that you want to use with the page collection. The app shell is the wrapper of the page contents, which is similar to the functionality of a web page. The app shell can show things like the logo of your company, user preferences, and the search icon. For more information, see Define UI experiences using app shells.
   Component	Select the component that will use the page collection. Page collections can be used with the following components: Viewports Viewport Modals Tabs
   Description	Short description to help find your page collection. Write a description that helps page builders understand what content is included in the page collection.

3. Click Next.
4. Select a controller to connect data to your page collection.
   If the controller you selected depends on another controller, you will need to add both.
5. Enter a label in the Label field.
6. Enter a unique Id in the Id field.
7. Click Create.
8. Click Create new page
9. Enter a unique name for the page in the Name field.
10. Specify a path for your page in the Path field. UI Builder generates a default path based on the name that you provided in the previous step.
    Note:

    The application scope defaults to the scope that the user is in. For more information about the application scope, see Learn about security and roles.
11. Click Continue.
12. Optional: Add one or more audiences for this page.
    If an audience you need is not listed, you can choose the Open audiences in platform link to create one.
13. Optional: Add one or more conditions for this page.
14. Select the Build responsive option (default) for greater control of how the page appears at different screen form factors or select Build without responsive for automatic adjustment.

    

    For more information, see Responsive authoring.

15. Optional: Add more pages to your page collection.