Working with UI interaction demo data

  • Release version: Australia
  • Updated March 12, 2026
  • 2 minutes to read
  • Summarize
    Summarized using AI
    This content was generated using new OpenAI-powered functionality. Results are provided on an as is basis and are not guaranteed to be accurate or complete.

    Summary of Working with UI interaction demo data

    Demo UI interactions provide ready-made examples of common UI interaction patterns within ServiceNow. These samples allow you to explore and safely experiment with interactions, serving as practical starting points for building your own user experiences.

    Show full answer Show less

    Key Considerations

    • Duplicate Before Customizing: Demo interactions are reference examples. Always create copies before modifying to preserve the originals.
    • Backward Compatibility: Demo content may change between releases, so compatibility is not guaranteed.
    • Custom Components: Must be duplicated separately from the interaction itself.
    • Declarative Actions: Are inactive by default and require manual activation before testing.
    • Scope Limitations: Demo interactions do not include long-running processes, usage tracking, automatic refresh, multi-step journeys, or complex branching logic.

    Available Demo Interactions and Use Cases

    • DEMO Cascade Delete: Prompts confirmation before deleting records, showing related child records impacted. Useful for designing safe delete workflows.
    • DEMO Close Incident: Simplifies incident closure with record updates and confirmation, demonstrating lifecycle status changes.
    • DEMO Report Knowledge Gap: Opens a short form to report missing knowledge content, illustrating user feedback capture in modals.
    • DEMO Create New Record: Opens a modeless dialog to create records without leaving the page, teaching in-context record creation.
    • DEMO Reassign Records: Opens a modal for selecting assignment fields and updating multiple records, useful for bulk reassignment workflows.
    • DEMO Open Modal with Record Info: Displays dynamic record details in a modal from the current form context, aiding contextual inspection.
    • DEMO Save Form and Close Tab: Saves the current Workspace form and closes the tab or alerts if closing isn’t possible, demonstrating save-and-finish workflows.

    Loading and Using Demo Data

    Load demo data only in development or test instances to avoid impacting production. Use the application navigator to locate and install demo data via Load demo data after searching for sn-interaction-builder.

    Once loaded, access demo interactions through the UI Builder’s UI interactions tab by filtering or searching for labels starting with DEMO. You can view how each interaction works and duplicate them to create editable copies for customization and experimentation.

    Demo UI interactions give you simple, ready‑made examples that demonstrate common UI interaction patterns. You can duplicate these samples to explore how interactions work, experiment safely, and use them as starting points when building your own experiences.

    Key considerations for working with demo interactions

    • Duplicate before customizing. Demo interactions are reference examples; create a copy before modifying.
    • Backward compatibility isn’t guaranteed. Demo content may change between releases.
    • Custom components must be duplicated separately.
    • Corresponding declarative actions are inactive by default and must be manually set to true before testing.
    • Demo interactions don’t cover long‑running processes, usage tracking, automatic refresh behavior, multi-step journeys, or complex branching logic.
    Table 1. Available demo data
    Demo Interaction What it does Why It’s Useful Use case
    DEMO Cascade delete Prompts you with a confirmation message before deleting records, including information about related child records that will also be deleted.
    Note:
    Unlike other demo interactions, Cascade delete must be duplicated into Global scope before it executes correctly.
    Helps you understand how to design safe delete flows that clearly communicate downstream impacts before continuing. Safe record deletion
    DEMO Close incident Simplifies closing an incident by updating the record and showing a confirmation. Shows how to build quick, common life-cycle update actions for record forms such as closing, resolving, and advancing status. Record life-cycle transition
    DEMO Report knowledge gap Opens a short form enabling you to report missing or incomplete knowledge content. Demonstrates how to gather user input in a lightweight modal and submit it as a record. User‑submitted feedback
    DEMO Create new record Opens a modeless dialog with a form for creating a new record without leaving the current page. Teaches you how to invoke record creation in-context using UI interactions. In‑context record creation
    DEMO Reassign records Opens a modal that lets you select an Assignment Group and Assigned To value, then updates the selected records. Useful for showing guided update flows, including dependent fields and multi-record reassignment. Bulk reassignment
    DEMO Open modal with record info Opens a modal that dynamically displays the table, sys_id, and form view of the record the user is viewing. This data is pulled from the form controller, not passed in as inputs. Illustrates how to surface additional record details in a modal instead of navigating away. Contextual record inspection
    DEMO Save form and close tab Saves the current Workspace form and closes the tab (or shows an alert if closing isn’t possible). Demonstrates Workspace‑aware actions, helping you automate save and finish patterns commonly needed by agents. Save‑and‑finish workflow

    Load demo data

    Demo data should be loaded only in a development or test instance to prevent conflict with production data.

    1. Navigate to All > System Applications > All Available Applications > All.
    2. Enter sn-interaction-builder into the search bar.
    3. Select Load demo data.
      Figure 1. Load demo data
      Application Manager page for devsnc/sn‑interaction‑builder with Load demo data.

    Viewing demo data in UI Builder

    1. From the UI Builder home page, select the UI interactions tab to view the list of available interactions.
    2. Use either the list filter from the Label column to search for interactions that begin with DEMO or enter DEMO in the search field.
    3. Select any DEMO interaction to view how it works or duplicate it for your own use.