A quick overview about controls, fields and variables, and understand how to associate the user interface and the data types when you build your own custom forms.
- Definitions
- A collection of field/variable associated controls
- A collection of non-field/variable associated controls
Definitions
Form controls are user interfaces to collect data or display data from users. Yeeflow form designer supports more than 40 types of controls. The different controls are displayed on the left, and can be dragged and dropped onto the Form editor. Each control type has its own set of properties that can be configured to suit your requirement.
Fields and variables are used to store certain "type" of data. Fields are parts of data lists (we also call fields as columns of a data list). And variables are parts of approval forms.
Controls are associated with fields or variables. For example, in an approval form, a Date Picker control will allow users to pick date from a form, and the data value will be stored in the associated variable.
Or, in a data list, each column associated with a field. Like a dropdown list column with options allows users to set values from the list form.
When create or edit the list forms, you can drag the field to form designer, and edit the appearance.
Learn the fundamentals of working with all types of controls, from configuration to extending its options.
A collection of field/variable associated controls
Yeeflow offers many types of controls/fields and which is designed for a specific purpose. You are proposed to use the most specific field type possible when defining your controls or fields.
| Type | Descriptions | Approval forms or Data lists |
|---|---|---|
|
Single line text input and it allows to enter any kind of character. |
Both | |
|
Multiple lines text input and it allows to enter any kind of character. |
Both | |
| Rich Text |
Associated field includes an editor for content formatting. Use it when you want users to be able to format content, and even work with HTML if needed. |
Both |
| Number |
A numeric value input only and it can be specified with format and decimals. |
Both |
| Percent |
The Percent field control is a field type designed to hold numerical values formatted as percents. The values in a percent field are all represented as fractions of 100 with the percent sign; e.g. the number .75 in a percent field is represented as 75%. |
Both |
| Currency |
An accounting numeric control that can be set to display with defined currency and currency symbol. It appears on forms as a number with currency symbol. e.g. USD2,000.00 or $89.8675 |
Both |
| Dropdown & Radio Button |
A option control to allow users to select only one option from a list of choices. A drop down appears on forms as a drop down list; A radio button appears on forms as a displayed list to be ticked. |
Both |
| Checkbox |
A option control to allow users to select multiple options from a list of choices. It appears on forms as a displayed list to be checked or not. |
Both |
| Metadata |
A hierarchy data control to choose only one item from your business maintain of organization. It appears on forms as a drop down list or cascade list (if it has and its hierarchy is on). |
Both |
| Multiple metadata |
A hierarchy data control to choose multiple items from your business maintain of organization. It appears on forms as a drop down list or cascade list (if it has and its hierarchy is on). |
Both |
| Switch |
A Boolean type data to represent the true or false. Users can turn on (checked) or turn it off (leave it blank). |
Both |
|
A date type that contains a date only or an extended date with the time in hours and minutes. It features a calendar picker to choose the date, then the time if needed. Users can also enter the formatted date/datetime manually. e.g. 2020/06/18 or 2020/06/18 09:00:00. |
Both | |
| Date Range |
An extended date type that contains two dates or datetimes. It appears two calendar picker to choose the date, then the time if needed. The end date/datetime can only choose these dates/datetimes after the start one. |
Approval forms Only |
| Time Picker |
It can choose time of day in hours, minutes and seconds. It features a clock picker to choose or enter the formatted time manually. e.g. 18:11:21 |
Both |
| User |
An user type that can be choose from existing and active Yeeflow users. It features an organization picker to choose one or multiple user(s) or enter the keywords to get results. |
Both |
| Organization |
A hierarchy control that can be choose from existing organizations in your Yeeflow. It features an organization picker to choose one or multiple organizations or enter the keywords to get results. |
Both |
| Location |
A location type that can be choose from existing locations in your Yeeflow. It helps you to set a task by multiple locations. It appears on forms as a drop down list if managed. |
Both |
| Cost Center |
A special accounting type that can be choose from existing items in your Yeeflow. It features an organization picker to choose one or multiple items or enter the keywords to get results. |
Both |
| Image |
A visual type that can display on forms, User can not edit it. Such as a photograph or other two-dimensional picture. Users can not upload an image oversized its configured size. |
Both |
| Attachment |
A file uploading type that can attach one or multiple files to be viewed or downloaded. Users can also attach an image as a file. Maximum size of each file is 50MB. |
Both |
| Hyperlink |
A hyperlink contains a URL address that point to a location on the internet, or a local intranet/drive. It should be started with "http://" or "https://" for external resource. It displays as a link address or specific name when it's read-only. |
Both |
| Rating |
A rating scale displays with star or heart that can be set to assign a value from 0.5 to your predefined scales on forms. |
Approval forms only |
| Tags |
A system-specific type can be used to mark items in Yeeflow. Users can enter a new tag to be marked and saved in Yeeflow. Users can also choose from existing tags in your Yeeflow. |
Both |
| Id |
A identify ID of each item(also saying "record") in data list of application. Each item that you add will generate an item ID. which can serve as a backend reference to accomplish data sync when you using lookup and lookup list. You should export it to be recognized for each item if you want to bulk import to update. |
Data lists Only |
| Created By & Modified By |
An user type which is read-only. Created By will be auto-generated when you create an item/record. Modified By will be auto-generated or updated when you create an item/record or modify existing one. |
Data lists Only |
| Created Time & Modified Time |
A datetime type which is read-only. Created Time will be auto-generated when you create an item/record. Modified Time will be auto-generated or updated when you create an item/record or modify existing one. |
Data lists Only |
Data-associated Bound controls & fields
| Type | Descriptions | Approval forms or Data lists |
|---|---|---|
|
A complex type contains a list of field-columns in this control. You can hide some of the field-columns in the list. You can custom each field-column that applies for most of bound controls. It appears on forms as a table. Users can enter the values of columns by row or upload with a defined excel file. |
Approval forms only | |
|
A relationship type is able to lookup data from source data and return additional information of values or records into your target form. |
Both | |
|
A relationship type is able to lookup data from source data form and return a list of values or records into your target form. |
Approval forms Only | |
|
It's used to display read-only values based on a calculation which include values, or from other fields on the form. It can use built-in functions/expressions to conduct operations which display values from an data list in Yeeflow. |
Both | |
| Signature |
A special image control that refers to data in electronic form, which is logically associated in your customized form and which is used by the signatory to sign. |
Approval forms only |
Get in touch
Comments
0 comments
Please sign in to leave a comment.