4.1 - Overview of all widgets and functionality
- Rachel Hughes (Unlicensed)
- Aaron Roworth
- Sam Stephens (Unlicensed)
The Forms Builder has been developed to provide an interface for low level developers to easily, quickly and simply create complex web forms.
There is a vast range of functionality available through the Forms Builder, this includes basic form fields such as textboxes, radio & checkboxes as well as more advanced form features such as custom JavaScript code, camera and the ability to determine your location with the press of a button.
Field Types
Field Type | Icon | Type | HTML Element | Description / Notes |
|---|---|---|---|---|
Text Box | Keyboard Input | input [type=text] | Alphanumeric. | |
Text Area | Keyboard Input | textarea | Multiline and alphanumeric. | |
Password Box | Keyboard Input | input [type=password] | Displays a password box. Used in conjunctions with Logged in User and requires an API or hard coding of usernames. | |
Keyboard Input | input [type=email] | Email address. | ||
URL | Keyboard Input | input [type=url] | Ask the User to input a URL. | |
Phone Number | Keyboard Input | input [type=number] | Integers in Phone Number format. | |
Number | Numeric | input [type=number] | Used to invoke the Number keypad on Mobiledevices. | |
Currency | Numeric | input [type=number] | Currency format. | |
Calculation | Numeric | readonly / button | Allows you to calculate the value of number fields and display it. For more information see | |
Radio Buttons | Select 1 from many | input [type=radio] | Defined options. | |
Select Box | Select 1 from many | select [size=1] | One of a selection. | |
Star Rating | Select 1 from many | Allows the selection of a 1 – 5 star rating. | ||
Multi Select | Select many | select | Multiple options. | |
Check Boxes | Select many | input [type=checkbox] | Multiple options. | |
Checkbox | Boolean | input [type=checkbox] | A single selection - often used when using conditional logic | |
Date | Date / Time | Custom Date Picker | Displays the Date dependent on defined format. | |
Time | Date / Time | Custom Time Picker | Time entered in defined format. | |
Date + Time | Date / Time | Custom Date + Time | Displays the Date and Time dependent on defined format. | |
Camera | File Input | Custom Camera | Accesses native Camera. | |
Image Library | File Input | Custom Gallery | Accesses Image Library on Phone. | |
File Upload | File Input | input [type=file] | Allows the user to enter in a file to be uploaded and attached to the Form. | |
Location | Device Input | GPS field. | Accesses native GPS. | |
Sketch / Sign | Device Input | Custom Signature box | Allows a graphic entry into a field. | |
Logged in User ID | User Input | Custom input [type=text] | A fixed value that will not change. | |
User Attribute | User Input | Custom input [type=text] | Displays a pre-defined User ID of the logged in user. | |
Value | Input Value | Custom input [type=text] | Displays a pre-defined User Attribute. | |
GET Value | Input Value | Custom input [type=text] | A value that was passed to the form interaction. |
Next:
4.2 - Calculation fields usage