Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Multi Paged Form enables one to incorporate multiple forms in one single form, in a simple and elegant way.

Info
titleNotable improvement over Joget Workflow v4
  1. Detailed validation errors retained when switching to the tab with validation errors.
  2. Mobile version support is added in Joget Workflow v5.

Figure 1: Screenshot highlighting Multi Paged Form element in Form Builder

...

Figure 2: Multi Paged Form Properties

NameDescription
ID Element ID
Label Element Label to be displayed to end user.
Number of Pages Number of pages to be presented in Integer

Figure 3: Multi Paged Form Properties - Page

NameDescription
Label 

Page name displayed in the form of breadcrumb or tab, depending on its setting in the UI

Form Target Form
Readonly? 

Determines if the page is editable

Parent Form Field to keep Child Form ID 

ID of the field in the parent form to store the page's primary key. Page data will be loaded based on the record ID retrieved from this field.

Child Form Field to keep Parent Form ID 

ID of the field in the page form to store the parent form's primary key

Validate when change page

Performs validation on page

 

change if checked

Info
titleImportant Note about Parent Form Field to keep Child Form ID

This field must be specified if the individual form is not storing into the same table as the parent form.

Field specified does not need to be first created in the parent form.

Figure 34: Multi Paged Form Properties - Advanced Options

NameDescription
Partially store form when page changed? Partially store form when user navigates between pages.
Store main form data when partial storing is enabled?
Store main form data when partial storing is enabled.
Info

This option is available when "Partially store form when page changed?" is enabled.

Display Mode 

Determines if the multi-paged form will be displayed in wizard or tabs.

Previous Button Label Previous Button Label.
Next Button Label Next Button Label.
Only enable submit button on last page? 

If checked, all of the pages' forms must be completed before form submission or task completion.

CSS 

Custom CSS implementation.