The Widgets in the Form Editor

There are two different types of controls or widgets that you can use to create a Form:

1. Controls that are not bound to a data source – these controls are primarily used in formatting the Form

2. Controls that are bound to a data source

Here is how the widgets are displayed in the Form Editor canvas.

The table below describes each of the widgets.

Form Widget

Description

This is primarily used to arrange or format the fields in the Form. Use the Column Box to place fields side by side in a Form, you can split a column box in up to 10 sections. This control is not bound to the data source.
This allows the user to label an area in the Form. This control is not bound to the data source.

This allows the user to input information to be used by an Application. The different types of data that can be populated in a Input Box are:

- String (text)
- Integer
- Decimal (double)
- Boolean (True/False)
- Date (date)
- Time (time)
- Date/Time
- Duration

This allows the user to select one item from a list. The user opens a drop-down list and clicks inside the list on an item to select it. It is also commonly referred to as a drop-down box or listbox. The options can be author defined or referenced from another collection.

This allows the user to select one from a list contained within a static, multiple line text box. The user clicks inside the box on an item to select it.

This allows the user to turn on or turn off an option. Normally, check boxes are shown on the screen as a square box that can contain white space (for false) or a tick mark (for true). Adjacent to the check box is a caption describing the meaning of the check box. Inverting the state of a check box is done by clicking the mouse on the button.

This allows the user to choose one of a predefined set of options. Radio buttons are arranged in groups of two or more and displayed on screen as a list of circular holes that can contain white space (for unselected) or a dot (for selected). Adjacent to each radio button is a caption describing the choice that this radio button represents. When the user selects a radio button, any previously selected radio button in the same group becomes deselected. Selecting a radio button is done by clicking the mouse on the button.

This allows the user to select a date, or a time from a Calendar or specify duration of time.

This allows the user to group fields together in a Form.

This widget allows the user two write multi-line input in rich text. The text area widget supports colors, fonts, size, formats, and URL links in the text area.

This allows the user to use a secondary data source for the entries in the Combo Box where each entry is a hyperlink or reference to another document. The link widget gets its values from a field in another collection that the author selects.

This allows the user to display or enter data in a tabular view within the form itself. There are two types of Grids:

-Linked Grid: This type of grid displays records from another collection in the Grid. Each row is a link to an existing record in another collection.

-Local Grid: This grid allows users to add rows and manually enter data. Authors can define columns as Input boxes, Checkboxes, Combo boxes, links, attachments or Date Picker widgets.

This allows the user to upload documents to a form. Authors can also define this widget to display images in the form.

This allows the user to place action buttons anywhere in a form.