Form Elements
Set of input, text area, dropdown, checkbox and radio buttons form widgets with the same validation context.
Input
Field that holds the data typed by the user and validates it against the variable data type.
Input States
Employee Name
Allowed characters: A-Z, a-z.
Error
Text Area
Multi-line field that holds text typed by the user, which must be stored in a Text variable.
Input States
Short Bio
Allowed characters: A-Z, a-z.
Error
Dropdown
Widget that allows the user to select a value from a series of options.
Employee Name
Dropdown States
Employee Name
Normal
Employee Name
Hover
Employee Name
Active
Employee Name
Filled
Employee Name
Disabled
Employee Name
Choose an employee.
Error
Styles
For preview purposes, please consider the “Input” widget above. These styles are applicable to all the form elements.
Size
Customize the size of the pattern to change its emphasis accordingly.
Employee Name
Small
.input-small
Employee Name
Large
.input-large
Shape
Alternative
shapes with sharper and rounder edges can be used.
Employee Name
Sharp
.border-radius-none
Employee Name
Rounded
.border-radius-rounded
Checkbox
Check box field where the user can enable or disable an option. The value must be stored in a Boolean variable.
Checkbox States
Acceptance is required.
Error
Radio Button
Allows the user to select an option from a group of possible options that are mutually exclusive. Each Radio Button widget must be bound to the same variable and assign a different value to the variable.
Radio Button States
Please select an option.
Error