Configure a page variant as a modal in UIB

Define your page variant to appear as a modal using UI Builder configurations. This steps acts as part of the process to configure an action button to open a custom modal.

Before you begin

Complete the following actions:

• Create a form action
• Activate Customer Service Management
• Open your record page in UIB or create a page variant in UIB
• Design your page variant in UIB

Role required: admin

Procedure

1. Open your page variant.
2. Open the sys_ux_screen_type by selecting the menu icon () and navigating to Developer > Open variant collection record.
3. Select the UX App Route tab under Related Lists and select your page variant.
4. Open UI Builder in a new browser tab and open your configurable workspace experience.
5. Find the page that you want your modal to appear by opening the overview of records for the experience and selecting the page.
6. Select the menu icon () and navigate to Open page definition.
7. Select Copy sys_id.
8. Return to the browser tab with the sys_ux_app_route.
9. Select the Parent Macroponent field twice to open a dialog that displays the page identifier, and then select OK.
10. Define the variant to appear in a modal by entering modalContainerViewport in the Parent Macroponent Composition Element ID field.
11. Select Update.