Working with UI interaction demo data
Summarize
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 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.
| 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.
- Navigate to .
- Enter sn-interaction-builder into the search bar.
- Select Load demo data.
Figure 1. Load demo data
Viewing demo data in UI Builder
- From the UI Builder home page, select the UI interactions tab to view the list of available interactions.
- Use either the list filter from the Label column to search for interactions that begin with DEMO or enter DEMO in the search field.
- Select any DEMO interaction to view how it works or duplicate it for your own use.