Configure the page container type

This guide explains how to control the layout width of your form using the page container type setting.

• Contained (default) — wraps the form in a centred container with a maximum width. Suitable for most forms.
• Full width — the form stretches to fill the entire browser window. Useful for forms with wide tables or charts.

Steps:

1. Add a new Form to the Ruleset
2. Go to tab Settings
3. Under Page container type, select Contained or Full width
4. Save the Ruleset
5. Click Preview at the top to see the difference between Contained and Full width

Show changes warning (dirty flag)

When this setting is enabled, the form tracks whether the user has made any changes since the form loaded or was last saved. This is called the dirty flag.

If the user tries to navigate away or close the tab while the dirty flag is set, they will see a browser warning: "Leave site? Changes you made may not be saved."

How to enable:

1. Go to tab Settings
2. Toggle Show changes warning on
3. Save the Ruleset

Resetting the dirty flag

After a successful save or submit action, you typically want to clear the dirty flag so the user is no longer warned. Use the Remove form dirty flag action for this.

1. Go to the tab Definition
2. Add a Button element with label Save
3. Under On click actions, add Execute ruleset (to save data)
4. Add a second action: Remove form dirty flag
5. Save the Ruleset

Now, after the user clicks Save and the ruleset executes, the dirty flag is cleared and the warning will not appear until they make further changes.