> For the complete documentation index, see [llms.txt](https://eohelp.weaver.com.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://eohelp.weaver.com.co/app-studio-new-application/4-all-the-controls.md).
# 4 All the controls
## 1 Layout
### 1.1 Horizontal, all the control drag into this layout will be display in a horizontal direction, like image show below
### 1.2 Vertical, all the controls drag into this layout will be displayed in a vertical direction, like image show below
### 1.3 Details table
When create a new form, some information for a request with multiple items, like multiple invoice in a payment request, multiple material items in a purchase requisition request
When preview the result, it will show multiple row for user to input information
#### 1.4 Tab layout
Specific to use when user input information fields get 50+, event 100+, to put then on a single page is too hard for user to read and fill in, then base on different category, to put them into different tab
### 1.5 Grid layout
For a more complex layout by grid system, you could define different layout by percentage, different columns as well
## 2 Basic Controls
### 2.1 Textbox
1. Format as text, input free text
2. Number
3. Date
When define the textbox as date, user could view a date picker to choose the date from the pop up directly
4. Time
When define the textbox as time, user could view a time picker to choose the time from the pop up directly
5. Date & time
Select date & time at the same time
6. URL
Ensure the user’s input is a url, if the input is not a url, then a error message will how below
7. Date & time calculation
With the user guide to calculate the different between two date or time
Example
8. Email
Ensure the user’s input is a email address, else will give a error message
9. Customise
Some text format can not manage by the predefine rules, so you could define your own rules with regular expression, for more information about regular expression, please click [here](https://regex101.com/)
### 2.2 Textarea
For use to input multiple line of free text, like a string, use to help user to fill in purchase requisition reason, leave reason, some remarks, etc.
### 2.3 Radio
### 2.4 Checkbox
### 2.5 Dropdown
User define option
Connect with system master data
Define the dropdown is a single selection or multiple selection
### 2.6 Casecader
For multiple level selection options, like country->State->City->...
Preview the options like below
### 2.7 Links
Support to put some clickable links here for user to click
### 2.8 Progress
For user easy to update the progress, like project completion rate, etc.
Different layout
Circular view
Display text on top of the bar
Display text on the right of the bar
### 2.9 Rate
### 2.10 Maps
Allow user to submit there location form the pc or mobile
Before to use the map control, please configure a proper google map api at setting->Map plugin->Google
The result is like blow:
### 2.11 Split line
Use a line to split different content, easy for user to view different category information
Adjust the line style on the right
### 2.12 SN
Running number, auto generate document reference no.
Set up number generation rules with below tips.
\
Display text on the right of the bar
### 2.9 Rate
