Configure a page variant as a modal in UIB

  • Release version: Yokohama
  • Updated January 30, 2025
  • 1 minute to read
  • 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

    Role required: admin

    Procedure

    1. Open your page variant.
    2. Open the sys_ux_screen_type by selecting the menu icon (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 (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.