Simple Form Control Glossary
  • 15 Feb 2024
  • 3 Minutes to read
  • Dark
    Light

Simple Form Control Glossary

  • Dark
    Light

Article Summary

Feature Details

Modified in Version

8.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 version 8.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.

Apply CSS on Form Controls:

Refer to the article Using CSS in Forms to apply CSS on the Form Controls.

Layouts

Name

Description

Vertical Stack


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

Grid Layout 

Fixed containers to house Form controls can be stacked upon each other as well as side-by-side.

Horizontal Stack

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 version 8.17 and above.

Controls

Action

Name

Description

Button

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


Sub Dialog

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

Data Grid

Displays an Excel-like view of an Entity with the ability to have user action and edit the data source

Data Repeater

Places a Simple Form within a Simple Form as a repeatable list of the same data type(s)

Date Time Field

Allows the user to choose a date and time

Document Viewer

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

Video

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


Changing a Control's Control Type


For further information on Forms, visit the Decisions Forum.


Was this article helpful?