Versions Compared

Key

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

A Form Element can be considered as a single 'line' within a Form Container.
 
It usually has a Label, and one or more elements such as Input boxes, Checkboxes, Text etc

How to Add an Input field:

...

The mandatory property that must be entered for the Input is the “Bound Field”.
This is the field where the Input data is stored when the Form is submitted.
Simply name the field as required. In this example, the Bound Field name is ‘Expenditure Amount”.
Type in “ExpenditureAmount” in the Bound Field property and press enter.
 
Notice that a the field “ExpenditureAmount” automatically appears on the right hand “Fields” section.
Image Removed

...

The Fields section eventually contains all the fields for the Form. It is essentially the ‘data dictionary’ of the Form.
 
In certain cases, it may be necessary to flag a field as being of a particular type (Boolean, Date, Integer or Float), depending on the use of the field (for example fields bound to CheckBoxes should be Boolean). But by default most fields can be just String (ie no specific type).
 
Press Save and see the result.

Image Removed

...

Now change the “Label” of the Input field to say “Expenditure Amount”.
To do this, select the Form Element above the Input in the tree and change the Label property.

Image Removed

Press Save.

Image Removed

Form Element (values supplied by system)

Some form elements can be defined and have the system pre-fill the relevant data.
 
You can define a form element and bind the form element data to FAB supplied data.
 
For example, the 'Requested by' name can be determined and pre-filled by binding the field to 'SubmittedByEname'.

Image Removed

The result is a system populated text field.

Image Removed

Several other defaults are available and can be seen by using the search option on the Bound Field.
 
System Field                                    Source
SubmittedByEname                         user_addr
SubmittedByOrgUnit
SubmittedByOrgeh
SubmittedByPernr                   
SubmittedByPlans
SubmittedByPosition
SubmittedDate
SubmissionStage
 
AdministratorFl
ApprovalRequiredFl
CurrentApprovalLevel
CurrentLevelAction
CurrentLevelApprovedFl
CurrentStatus
NextApproverVisible
NextApproversList

Other Element Types

Below are some of the other Element Types that you can add.

You can add Text and multiple input fields in the same Form Element.

Image Removed

Use the GridData tab to manipulate the display of every item you added to the Form Element.

Image Removed

You can add a Date Picker. Manipulate the Input and the display by using the Properties. Please Note that the Bound Field is mandatory.

Image Removed

You can add Radio Buttons by first adding a Radio Button Group and then the Radio Buttons.

Image Removed

 

...

Form Containers consist of one or more Form Elements.

Add a Form Element to a Form Container by selecting the container and right click to add a Form Element.

Step-by-step guide

  1. Click on the Form Container.

  2. Right click and select the type of Form Element to add.
    Image Added

  3. The second Form Element is now available to use. Adjust label as needed.

Filter by label (Content by label)
showLabelsfalse
max5
spacesIFAB
showSpacefalse
sortmodifiedreversetruetitle
typepage
cqllabel in ("form-container","uiform-wizard","screen-wizard","elementbdc") and type = "page" and space = "IFAB"
labelsform element ui

...