You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

New Feature

This feature has been enhanced in Joget Workflow v6.

  1. AJAX Rendering

Introduction

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

The Advanced Grid is only available on Professional and Enterprise Edition.

Get Started

The easiest way to see how the Multi Paged Form works are to use the existing built-in App Expenses Claims. Here are the steps:

StepsScreen (Click to view)







Multi Paged Form Properties

Edit Multi Paged Form

NameDescriptionScreen (Click to view)
IDElement ID.

Number of PagesNumber of pages to be presented in Integer.
AJAX Rendering?Renders page only when clicked. This option improves loading times if the end-user does not use all the forms and the number of pages is large.

Page

General

NameDescriptionScreen (Click to view)
Label

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

FormTarget Form.
Readonly?

Determines if the page is editable.

DIsplay field as Label when readonly?Displays the value of the element as plain text when an element is set to "Readonly".

Data Linkage & Validation

NameDescriptionScreen (Click to view)
Parent Form Field to keep Child Form ID

The 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.

Important 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.

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



Child Form Field to keep Parent Form ID

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

Validate when change page

Performs validation upon changing pages if checked.


 Advanced Options

Data Storing

NameDescriptionScreen (Click to view)
Partially store form when page changed?Partially store form when the user navigates between pages.

Store main form data when partial storing is enabled?

Store main form data when partial storing is enabled.

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

UI

NameDescriptionScreen (Click to view)
Display Mode

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





Previous Button LabelPrevious Button Label.
Next Button LabelNext 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.



  • No labels