UI- builder - Onload Modal in workspace

KarthikeyanR
Tera Contributor

How to auto open the modal when page get loaded in workspace using ui builder

2 REPLIES 2

Tobi3
Tera Contributor

Tobi3_0-1732662669358.png

We tried something like this. Create an event mapping on the body for page ready. Add open modal.
Works around 10% of the time in the UI Builder preview and doesn't work at all in real live. No idea why.

 

VineetK93266774
ServiceNow Employee
ServiceNow Employee

Screenshot 2025-09-24 at 12.09.16 AM.png

Step 1: Select the Page Body

  • In the UI Builder outline panel, click on the Body component of your page.


Step 2: Add an Event Mapping

  • Go to the Events tab in the right-hand panel.

  • Click Add event mapping.


Step 3: Choose the “Page ready” Event

  • From the event options, select Page ready.

    • This event runs as soon as the page has loaded and is ready for interaction.


Step 4: Select the Handler – Open/Close Modal

  • Next, choose a handler.

  • Select Open or close modal dialog under the Overlays section.

    Screenshot 2025-09-24 at 12.10.12 AM.png


Step 5: Configure the Modal

  • In the configuration step, pick the modal you want to open automatically.

  • Save your changes.