Form controls
Forms can be specified by entering fields in the form designer or by creating a text file. The format of the text file is designed so that the minimum input is required. The advantage of using a textual specification is that you can quickly create and edit forms using copy-paste or even automatically create forms using a computer program that can write text files. It is also easy to keep track of changes and version by using a version control system.
| Control | Format | Description |
|---|---|---|
| Text | |8 | Width spans 8 of 12 columns. |
| Number | [00.00] | Number with two decimals. |
| [00 KG] | Integer number with unit KG. | |
| |2 | Width spans 2 of 12 columns. | |
| Date | [yyyy-mm-dd] | Date and time picker with keyboard input. |
| Checklist button | [OK] | Single option on same line as name of the field. |
| Option button | [good,average,bad] | Three bottons horizontal with text value. |
| [satisfied:10,ok:5,not_satisfied:0] | Three buttons horizontal with numerical value. | |
| Multiple choice | [ | Two multiple choice options with score 1 for option b. |
| a:0 Answer a | ||
| b:1 Answer b | ||
| ] | ||
| Gauge | [-10|17:blue,18|21:green,22|25:red] | Temperature gauge with three color ranges. |
| [0|99:green,10|139:yellow,140|200:red Kmh] | Gauge with unit kilometer per hour. | |
| Slider | [0|100] | Slider with value 0 to 100 |
| |6 | Width spans 6 of 12 columns. | |
| Switch | [0|1] | Slider with two values displayed as a toggle switch. |
| Image | [image] | Image viewer with upload button. |
| [pdf] | PDF viewer with upload button. | |
| Markdown | [markdown] | Markdown viewer and editor. |
| Signature | [signature] | Drawing canvas for creating signature. |