Form Elements

Form Elements provides a quick outline about the form. Form Elements will be displayed to the end-user at the configured placeholders on the form. 

User Persona: Application Designer

The following infographic depicts the different form elements:

Figure: Form Elements

Configure Form Elements

Let's configure the form elements!

To configure the form elements, perform the following steps:

1. Navigate to General tab of Form Designer. Enter all mandatory details required for the Form.
2. In Design Form tab, from the left pane select Controls > Form Elements.
   Figure: Form Elements
   
   Drag and drop the required form element to get the desired results.

There are following 6 types of form elements:

1. Form Name
2. Form Description
3. Form Image
4. Form Path
5. Current Date
6. Current Time

Form Name

Drag and drop it to use the already defined Form Name, while Form Creation. It can be placed anywhere on the form as per the requirement. The Form Name field value is derived from the pre-configured Name field on General tab.

Form Description

Drag and drop it to use the already defined Form Image, while Form Creation. It can be placed anywhere on the form as per the requirement.  The Form Description field value is derived from the pre-configured Description field on General tab.

Form Path

Drag and drop it to display the form path, which is already defined, while Form Creation. It can be placed anywhere on the form as per the requirement. The Form Description field value is derived from the pre-configured Form Type field on General tab.

Form Image

Drag and drop it to insert an image for the form. Click on the Form Image icon and browse the location of the desired image. The selected image gets reflected for the end-user on the form.

Figure: Form Image

Current Date

Drag and drop it to display the system current date.

Current Time

Drag and drop it to display the system current time.

You can view the following tabs for form element:

• Properties
• Appearance

Properties

This section contains the list of properties using which the Application Designer can configure the respective form name. To know more about the fields that are available under the Properties section, see Field Description given below.

Figure: Form Name

Field Description

The following table contains a brief description on Form Name fields. 

Apppearance

This section contains the list of validation setups using which the Application Designer can configure the respective control as mandatory, based on condition etc. To know more about the fields that are available under the Appearance section, see Field Description given below.

Figure: Appearance

Field Description

The following table contains a brief description on Form Name fields. 

Field Name	Description
Form Label
Font Type	Select the type of the font from the drop-down list of available options of font type.
Font Color	Select the type of the font color from the color widget from the provided set of color options. Click option to select the required color from the displayed color widget. A sample screenshot is shown below: Figure: Color Widget
Font Size	Select the size of the font from the drop-down list of available options of font type using upwards or downwards arrows. A sample screenshot is shown below: Figure: Font Size Slider
Font Style	Select the required font style. Available options are as follows: B - Select it to make the heading bold. I - Select it to make the heading italics. U - Select it to make the heading underlined.

Edit Form Elements

Rearrange or reshuffle the form objects as per the requirement. 

To edit the form elements, perform the following steps:

1. Navigate to the required from using Design Studio > Form Designer. 
2. Select the required form. Open the form in edit mode.
3. In Design Form tab, from the left pane select Controls > Form Elements.

The modified locations get reflected in the form for the end-user.