Versions Compared

Old Version 1

changes.mady.by.user Hugo

Saved on

compared with

New Version 2

changes.mady.by.user Aadrian Zarin

Saved on

Key

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

...

Table of Contents

...

borderColorgreen
borderWidth1
titleBGColor#ddffcc
borderStylesolid
titleDefinition

Introduction

SubForm

...

 is integral in completing a typical process flow. It enables one to show another form within a form, and it has no limit on the depth that it can show.

Get Started

The easiest way to see how the Subform button works is to use the existing built-in App Expenses Claims.

...

Here are the steps:

StepsScreen (Click to view)
  1. Start the Joget Server and open the App Center.

  2. Log in as admin and click on the pencil icon on the Expenses Claim to open the Design App. (see Figure 1)

  3. Click on  Expense Claim Form and you will be directed to the  Form Builder. 

  4. Hover the mouse over the Expense Claim Details section and click on Edit to open up the Edit Subform properties. 


  5. Take note in the Form field that is set to Expense Claim New form. (see Figure 2)


  6. Click on Preview and notice that the first section displayed is the Expense Claim New Form.

Image Added

Figure 1


Image Added

Figure 2



Subform Properties

Edit Subform

Figure 1: Screenshot highlighting Subform in sample HR Expenses Claim app

Screenshots taken from http://localhost:8080/jw/web/console/app/hr_expense/1/form/builder/hr_expense_claim#
Image Removed

Figure 2: Subform Properties

NameDescription
NameDescriptionScreen (Click to view)
ID

Element ID.

Since the subform is not an input field, one may leave it as it is.

Image Added

LabelSubform label.
FormForm to be loaded as Subform.

Image Removed

...

UI

NameDescriptionScreen (Click to view)
Readonly

Determines if the element is editable.

Image Added

Display field as Label when readonly?

Displays the value of the element as plain text when an element is set to "Readonly".

Display without frame?Decorator option. Removes default styling applied to SubForm when checked.

Image Removed

...


Data & Binder

NameDescriptionScreen (Click to view)
Parent Field to keep Subform ID

The ID of the field in the parent form to store the

Sub Form

SubForm table's primary key.

Sub Form

SubForm data will be loaded based on the record ID retrieved from this field.

Image Added

Subform Field to keep Parent ID

The ID of the field in the

Sub Form

SubForm form to store the parent table's primary key.

Load BinderBy default, the Workflow Form Binder plugin is used for loading and storage of form data in the subform, you may override it with other plugins. See the list of available Form Binder.
Store BinderBy default, the Workflow Form Binder plugin is used for loading and storage of form data in the subform, you may override it with other plugins. See the list of available Form Binder.