Add playbook custom layout bundles to a new or existing UI Builder page that you've created from scratch.

Before you begin

Role required: admin, ui_builder_admin

About this task

Templates are page level, they are meant to be used when you create a completely new page. Bundles are like templates that you can add to a new or an existing page.

Procedure

  1. Navigate to All > Now Experience Framework > UI Builder and select Playbook Experience Builder.
    The Playbook Experience Builder experience was built for you to customize Playbook Experience. For more information on how to create an experience, see Configure how users interact with your applications in UI Builder.
  2. Select + next to Pages and variants to create a new page.
  3. Select Create a new page.

    The Select a template screen displays.

  4. Select Create from scratch instead button at the top right.
  5. Set up the page details.
    Name The name of your page.
    URL Path The URL path that users navigate to, to access the page.
  6. Select Continue.
  7. Add the test URL parameters for your page.
    Note: All playbooks require at least a table and sysId to be hardcoded on the controller or provided through a URL.
    table Name of the parent table for the playbook.
    sysID Sys_id of the record. For a record that doesn't exist, the value is -1.
  8. Setup your default page variant.
    Name The name of your page variant.
    Audiences The users that can see your page variant. They can be defined by:
    • Role
    • Group
    • User
    • Company
    • Department
    • Location
    • Script
    Conditions Conditions that determine when the page variant is shown.
    The page and default variant are created.
  9. Open your new page variant.
  10. In the component tree, select + Add component under Body.
    The toolbox opens.
  11. Enter "bundle" in the search bar of the toolbox.
    Available bundles are displayed.
  12. Select the bundle you want to add to your page.

Result

You've added a bundle and all its components, presets, and controller to your new UI Builder page.

What to do next

Edit test values and controller inputs.