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 |