- 09 Oct 2024
- 3 Minutes to read
- Print
- DarkLight
Simple Form Control Glossary
- Updated on 09 Oct 2024
- 3 Minutes to read
- Print
- DarkLight
Feature Details | |
Modified in Version | v8.17 |
Modification Details | Simple Forms now supports Horizontal Stack. |
The following list comprises the Controls and Layouts supported in Simple Forms and their available CSS classes for further customization.
Controls next to the gray column are child controls of the next above parent control. To access these child controls, change the control Control Type. This setting is further discussed in the following subsection.
Upgrading to v8.15?
Upon upgrading to v8.15, if a customer utilizes the File Download & File Upload controls within a Grid Layout in Simple Forms, these controls will be automatically center-aligned within the Grid.
Typed in Text
In v8.11 and lower versions the typed-in texted feature does not work for multi-select behavior for Combo Box, Mobile Combo Box, Multi-select Combo Box, and Mobile Multi-select Combo Box. This functionality was added in v8.12.
Apply CSS on Form Controls:
Refer to the article Using CSS in Forms to apply CSS on the Form Controls.
Layouts
Name | Description |
---|---|
Provide a layout where users can effortlessly drag and drop various other Form Controls to accommodate the controls on top of each other (vertical) within the specified area | |
Fixed containers to house Form controls can be stacked upon each other as well as side-by-side. | |
Provide a layout where users can effortlessly drag and drop various other Form Controls to accommodate the controls side-by-side (horizontal) within the specified area. Note: Only available in v8.17 and above. |
Controls
Action
Name | Description | |
---|---|---|
Standard interactable button Available Display Type: Button, Link, and Image | ||
Open URL | Opens the specified URL link once clicking the control | |
Event | Triggers an event once clicking the control | |
Previous | Reverses Flow to previous steps; stops reversing when a Form with an Outcome Behavior Type Button is selected; when used in combination, it can create a loop. | |
Post Back | Resets all entries in the Form | |
Copy Text | Copies the text string value of the specified Textbox | |
Data Repeater Add/Remove | Respectively adds or removes a row to its attached Data Repeater | |
Runs a sub-dialog Flow that can house a Form to pop up in front of the current Form | ||
Data Grid Add/Remove | Respectively adds or removes a row to its attached Data Grid |
Data
Name | Description | |
---|---|---|
Check Box | Create checkboxes for user selection | |
Switch | Displays a toggle button switch | |
Displays an Excel-like view of an Entity with the ability to have user action and edit the data source | ||
Places a Simple Form within a Simple Form as a repeatable list of the same data type(s) | ||
Allows the user to choose a date and time | ||
Allows to view Documents | ||
Date | Allows the user to choose a date | |
DateTime | Allows the user to choose a date and time | |
Time | Allows the user to choose a time | |
Calendar | Interactive Calendar where the end-user selects a date and/or time | |
Image | Displays an image | |
Label | Displays non-interactive text | |
Rich Text | Displays inputted text with options to change font format, style, color, size, alignment, copy, paste, insert image, create a table, hyperlinks, etc. | |
Latitude and Longitude | Displays the latitude and longitude of the specified location by working alongside the Geolocation API | |
List | Displays text as a list; contains Single Select and Multi Select options for user selection. | |
Sortable List Box | Displays text as a list where items can be rearranged and removed. | |
Combo Box | Displays drop-down list items of the specified Data Type with Single Select and Multi Select options for user selection. | |
Check Box List | Creates a list of checkboxes for user selection; contains only Multi Select behavior. | |
Radio Button List | Creates a list with the ability for users to select via radio buttons; contains only Single Select behavior. | |
Progress Bar | Shows the progress of data being input and allows the designer to set a minimum and maximum number for the bar. | |
Signature Pad | A signature can be drawn with a mouse or touch screen if applicable | |
Text Area | Displays static or input data with a built-in label | |
Text Field | Users can input string | |
| AutoComplete | Creates an auto-complete search bar |
Currency Box | Number box that inputs and outputs currency | |
Masked Text Box | Allows the designer to give the text a format value type: General, Number, Decimal, Currency, Email Address, SSN, Custom, Phone Number. | |
Number Box | Only takes in and outputs a number | |
Number Spinner | Only takes in and outputs a number with up and down arrows for inputs | |
Password Text Box | Hides text with bullet points and allows the designer to create a minimum and maximum length | |
Text Box | Users can input string text | |
Upload a video file or input a video URL to display on the Form |
Validation
Name | Description |
---|---|
Validation Display | Shows validation messages for the Form |
File
Name | Description |
---|---|
File Download | Allows download of one designated file |
File Upload | Allows upload of one user-specified file |
File Upload Area | Allows users to upload a file via drag-and-drop into the area |
Files Download | Allows download of multiple designated files |
Files Upload | Allows upload of multiple user-specified files |
Files Upload Area | Allows users to upload multiple files via drag-and-drop into the area |