- 27 Jul 2022
- 5 Minutes to read
- Print
- DarkLight
Form Control Glossary
- Updated on 27 Jul 2022
- 5 Minutes to read
- Print
- DarkLight
Overview
Just as steps are the building blocks to Flows, Form controls offer a plethora of different functions found within the Toolbox of the Form Designer. These functions range in complexity from providing a simple Text Box to dynamically populating dropdown lists to displaying a file for download after completion of a process, etc. Sections of the Form can be styled and colorized with CSS applied to Form layouts or individual controls.
Below is a brief description of the Form controls available within the Toolbox arranged alphabetically.
Actions
The Actions drop-down menu houses different types of Buttons.
Form Control | Description | Mobile/Tablet Support? |
---|---|---|
Events | Triggers an event that can be used to trigger a data Flow | Yes |
Go Back | Goes back to the previous Form in the Flow | Yes |
Sub Dialog | Runs a sub-dialog Flow that can house a Form to pop up in front of the current Form | No |
URL | Opens a URL | Yes |
Button | Once this button is selected, the Flow goes to the next step that the button is connected to within the WorkFlow. | Yes |
Close Button | Closes the Form without ending the process | Yes |
Copy Text Image/Button/Link | Copies text to clipboard | Yes |
Drop Down Button | Similar to the standard button but gives multiple outcomes within a drop-down list | Yes |
Image Button | Similar to a standard button but allows this button to be an image, either uploaded from a computer, selected from our icon gallery, or from a URL. | Yes |
Link Button | A URL link to be defined that can be selected and opened | Yes |
Link List | A list of URL links to be defined that can be selected and opened | Yes |
Post Back Button | Resets Form to its previous state | Yes |
Timer Form Exit | Creates a new outcome path on the Form and automatically goes down that path at whatever time specified | Yes |
Data
The Data drop-down menu houses different options to apply data to the Form.
Control Location | Control Name | Description | Mobile/Tablet Support? |
---|---|---|---|
Account and Group | Account and Group List | Adds assignee to form | Yes |
Advanced | Current Logo/Time/User | Displays the current logo, time, or user | Yes |
Entity Viewer | Property grid editor of entity | Yes | |
Form Steps | Displays a list of string steps in a vertical position similar to a Timeline | Yes | |
Latitude and Longitude | Produces data for latitude and longitude only on secure contexts like HTTPS | Yes | |
Navigation Tree | Interactive Decisions Navigation Tree | Yes | |
Tag Editor | Allows the user to add tags to the Form | Yes | |
Vertical Timeline | Displays static states vertically | Yes | |
Video | Allows designers to upload a video or input a URL to a video to display on the Form | Yes | |
Approval Chain | Approval Chain Editor | Allows designers to specify approval chain levels | Yes |
Data Grid | Data Grid | Excel-like view of an entity | Yes |
Data Grid Add/Remove | The ability to add and remove rows from an entity | Yes | |
File | CVS Editor | Delete/Add Rows, Save Excel File, Load from Excel File | Yes |
File Download/Upload | Allows users to download/upload a file | Yes | |
Multiple File Download/Upload | Allows users to download/upload files | Yes | |
Property Grid | Property Grid | Excel-like view of an entity | Yes |
Wizard Next/Previous | Navigates users through steps in a Wizard Property Grid | Yes | |
Wizard Property Grid | Allows designers to create a wizard for defining data objects by automatically including all fields in their proper formats for users to fill and submit | Yes | |
Validation | All Form Validations Display | Shows all validation messages on the form | Yes |
Control Validation Display | Shows the validation message for one control | Yes | |
Root | Auto Complete Search | Auto Complete Search Bar | Yes |
Calendar | Interactive Calendar Image | Yes | |
Check Box/List/List [Sort-able] | The designer can create checkboxes for the user to select a piece of data or pieces of data | Yes | |
Color Picker | Allows users to be able to select a color and output its hex code | Yes | |
Compact Merge Editor | Adds a Text Merge editor to the Form; this is editable by selecting the pencil icon on the control | Yes | |
Currency Box | Number box that inputs and outputs currency | Yes | |
Current IP Address | Displays IP Address of client only when debugging on the Form's output; hidden during runtime and shows the control's name at design time | No | |
Date Picker | Allows the user to choose a date | Yes | |
Date Time Picker | Allows the user to choose a date and time | Yes | |
Document Viewer | Shows all files except Microsoft file types (doc, docx, excel, etc.) | Yes | |
Drop Down List | A list that can be generated with static information or dynamically | Yes | |
Horizontal Timeline | Displays static states or states provided with a folder ID in a horizontal position | Yes | |
HTML Display | A way to view HTML on a Form | Yes | |
Image Picker | Allows users to be able to select and output an image | Yes | |
Label | A way to put information on a form that is not interactive | Yes | |
List Box | Outputs text as a list | Yes | |
Masked Text Box | Allows designer to give the text a value type: General, Number, Decimal, Currency, Email Address, SSN, Custom, Phone Number. | Yes | |
Merge Editor | Adds a Text Merge editor to the Form that can be edited directly on the Form. | Yes | |
Multi Select Drop Down | A list that can be generated with static information or dynamically, the user can select multiple items on this list | No | |
Number Box/Spinner | Only takes in and outputs a number | Yes | |
Password Text Box | Hides text with bullet points, allows the designer to create a minimum and maximum length | Yes | |
Progress Bar | Shows the progress of data being input and allows the designer to set a minimum and maximum number for the bar | Yes | |
Radio Button List | Creates a list with the ability for users to make a selection via radio buttons | Yes | |
Rich Text Box/Display | Gives the user the opportunity to change font type, color, size, alignment, copy, paste, insert an image, and create a table. | Yes | |
Slider | Number input on a slider | Yes | |
Text Box/Text Box Multi-Line | Users can input strings. Multi-Line should be used if a large number of characters will be used | Yes | |
Time Picker | Allows the user to pick a time | Yes | |
Toggle Button | Creates an interactable Boolean switch | Yes | |
Tree View | Create a nested list | Yes |
Images
The Images drop-down contains the Decisions Image Library.
Form Control | Description | Mobile/Tablet Support? |
---|---|---|
Icon Folders | There are various folders containing different built-in icons to use on Forms. | Yes |
Capture Image Panel | Uses a webcam and allows users to capture images. | Yes |
Image | Upload an image to show on the Form or save. | Yes |
Image Gallery | If any images are uploaded throughout the process, they can be viewed through this control | Yes |
Signature Pad | A signature can be drawn with a mouse or touch screen if applicable | Yes |
Layouts
Layouts are used to help the user design the Form in a manner that fits their needs.
Form Control | Description | Mobiles/Tablet Support? |
---|---|---|
Canvas | Blank form, free to place form controls on the form in any place | Yes |
Grid | Fixed containers to house form controls can be stacked upon each other | Yes |
Grid Layout | Fixed containers to house form controls can be stacked upon each other | Yes |
Header Container | A grid with a header section and a content section separated by a border | Yes |
Horizontal Split Panel | Re-sizable control allows you to adjust the size of two columns | Yes |
Horizontal Stack | Preserve white space but hide controls if necessary, can stack controls horizontally | Yes |
Responsive Grid | Allows you to define max and min widths, mobile to normal form | Yes |
Scroll Panel | Creates a scroll bar if the controls on the form are larger than the form itself | Yes |
Tab Container | Creates tabs to allow multiple forms within one | Yes |
Vertical Split Panel | Re-sizable control allows you to adjust the size of two rows | Yes |
Vertical Stack | Preserve white space but hide controls if necessary, can stack controls vertically | Yes |
Tiles
Form Control | Description | Mobile/Tablet Support? |
---|---|---|
[Select Tiles] | Select existing Tiles from the Studio | Yes |
Diagram Tile | Captures and presents data using infographics. | Yes |
User Controls
Form Control | Description | Mobile/Tablet Support? |
---|---|---|
[Existing User Controls] | Already created and saved controls | Yes |
Data Repeater | Places a form within a form. List of the same type | Yes |
Data Repeater Add/Remove Button | Data Repeater forms can be replicated multiple times by using the add/remove button | Yes |
Mixed Type Repeater Control | Allows the form to show many types of data in one control. Users can display different custom data types, strings, Booleans, etc. | Yes |
User Defined | A single version of the data repeater | Yes |