Skip to main content
Version: 2.18.0

Switch Page

Utilize this action with various event handler to transition to a different page within the Multipage App.

By default, the debounce field is left empty. However, you can input a numeric value to indicate the time in milliseconds before the action is executed. For example, 300.

ToolJet - Action Reference - Page Switching

Query Params

Query parameters can be passed through action such as Switch Page. The parameters are appended to the end of the application URL and are preceded by a question mark (?).

Query parameters are composed of key-value pairs, where the key and value are separated by an equals sign (=). Multiple query parameters can be included by clicking on the + button.

ToolJet - Action Reference - Page Switching

In the above screenshot, we have provided the username as the key and the value is {{}} which gets the email of the signed in user dynamically. When the button is clicked to trigger the Switch Page event handler attached to it then the URL on the switched page will have the parameters.

They are commonly used to provide additional information to the server or to modify the behavior of a web page. They can be used for filtering search results, pagination, sorting, and various other purposes.

ToolJet - Action Reference - Page Switching

Using RunJS query to switch page

Alternatively, the switch page action can be activated via a RunJS query using the following syntax:

await actions.switchPage('<page-handle>')

For instructions on how to run actions from a RunJS query, refer to the how-to guide Running Actions from RunJS Query.

Switch page with query params

The switch page action can also be triggered along with query parameters using the following syntax:

actions.switchPage('<pageHandle>', [['param1', 'value1'], ['param2', 'value2']])