Design a page variant in UIB

  • Freigeben Version: Australia
  • Aktualisiert 12. März 2026
  • 1 Minute Lesedauer

    • Configure a UI Builder page variant to pass from a workspace modal into the variant. This step acts as part of the process to configure an action button to open a custom modal.

    Vorbereitungen

    Complete the following actions:

    Role required: admin

    Prozedur

    1. Open a page variant in UI Builder.
    2. Add components to display on the page by selecting +Add component under the Body element.
    3. Select the added component and select the Table field.
    4. Switch the setting to Bind data and dot-walk to the table prop by entering @context.props.table.
    5. Select the Title field, and switch to Script mode.
    6. Enter the following script and pass the sysID received through the URL parameter as a JS template variable. 
      function evaluateProperty({ api, helpers }) {
	return `Only ${api.context.props.sysId}`;
}
    7. Select Apply for the script and select Save.

    Ergebnisse

    The table and sysID variables are configured to be passed from the modal through the URL into the variant.