Event handlers allow you to trigger a series of actions of different types in reaction to user events in your Superblocks Application frontend components.
To add an event handler, open up the Property Panel for the component and click "Add" under the Event Handler section. Choose the event handler and then select the Action to trigger from the event.
Trigger your APIs to run in parallel by adding them to a single Run APIs Action. To run APIs in Series, set up each API to run as its own Action and the APIs will run in the order specified.
Running APIs in Parallel
Running APIs in Series
See also triggering APIs from Run JS.
Navigate to URL
Navigate to a static or dynamic URL. Toggle "Open in new tab" to off to open the new page in same browser tab. For example, add a button column type to your table for users to click through to a custom URL dynamically updated with the current row's ID.
See also navigating to another URL from Run JS.
Navigate to App
Navigate to another deployed Superblocks application. Select the application that you want to navigate to in the dropdown. Query parameters can also be supplied either within the UI or via code. Finally, toggle whether to open the application in the current tab or a new tab.
Note Only deployed applications will appear in the application dropdown.
See also navigating to another application from Run JS.
Open / Close Slideout
Open or close a new or existing slideout. For example, open a new slideout when users click on a table row to pull up more context on that row.
See also opening or closing a slideout from Run JS.
Open / Close Modal
Open or close a new or existing modal. For example, open a new modal when users click on a button to confirm an action.
See also opening or closing a modal from Run JS.
Start / Stop Timer
See also controlling timers from Run JS.
Reset Component to Default
Reset a component's property to its default values. Container and form components can be used to create a parent/child relationship with other components inside the them, these can be reset by selecting the
See also resetting components from Run JS.