Skip to main content

Load Form Page

Controlled node

Overview​

The Load Form Page node is used for navigation within Intellectible's form-based UI system. When triggered, it switches the currently displayed form page to the specified target page, allowing you to create multi-page workflows and dynamic navigation flows.

This node is essential for building interactive applications where users need to move between different screens or steps, such as wizards, multi-step forms, or conditional navigation based on user input.

Inputs​

InputTypeDescriptionDefault
RunEventFires when the node should load the target page.-
PageDropDownThe display name of the form page to load. This dropdown is populated with available pages from your form's UI configuration.-

Outputs​

OutputTypeDescription
DoneEventFires when the form page has been successfully loaded and the UI has navigated to the new page.

Runtime Behavior and Defaults​

When the Load Form Page node receives a run event, it performs the following actions:

  1. Page Resolution: Looks up the internal page ID using the display name provided in the page input
  2. State Update: Writes the resolved page ID to the runtime state under the key formPageId
  3. UI Navigation: The form UI detects this state change and transitions to display the specified page
  4. Completion: Once the navigation is complete, the done event is fired
Form Configuration Required

This node only works within workflows that have a form-based UI configured. The page input dropdown is populated from the pages defined in your form's UI schema. If no pages are configured, the dropdown will be empty.

Example Usage​

Basic Page Navigation​

Connect a button click to navigate to a specific page:

  1. Add a Button element to your form UI with an event name (e.g., "goToReview")
  2. Use a Form Event node to listen for "goToReview"
  3. Connect the Form Event's fired output to the Load Form Page's run input
  4. Set the Load Form Page's page input to "Review Page" (or whatever your target page is named)
  5. Connect the done event to trigger any follow-up actions (e.g., loading data for that page)

Conditional Navigation​

Use with an If node to route users based on data:

[Start] 
   |
[If: userType == "admin"]
   |--true--> [Load Form Page: "Admin Dashboard"] --> [Done]
   |--false--> [Load Form Page: "User Dashboard"] --> [Done]

In this example, different user types are routed to different pages upon workflow start.