Wiki source code of Textarea

Show last authors
1 {{panel float="right"}}
2 (% class="block text-align-center%){{ficon name="XTextArea" size="4em"/}}
3
4 (% class="block%)The icon for form elements of type //text area//
5 {{/panel}}
6
7 == Functionality ==
8
9 Form elements of type //textarea// add a multi-line text area to the current form, allowing the user to enter multiple lines of text. The [[properties panel label>>doc:Formcycle.Designer.Form.ElementProperties.Label]] allows you to add a descriptive label to the checkbox.
10
11 {{figure image="designer_element_textarea_properties_base_en.png"}}
12 The basic properties panel of the {{designer/}}lets you change the height of a text area. Use this to control how many lines of text the user can see at once.
13 {{/figure}}
14
15 {{internBaseOptionsElement page="base"}}
16 {{table dataTypeAlpha="0" colWidth="-500"}}
17 |=Name|=Description
18 |Height (in px)|The height of the text area in pixels.
19 |Auto resize|Dynamically adjusts the height of the element to the entered content.
20 |Show character count|Displays the current number of characters entered.
21 {{/table}}
22 {{/internBaseOptionsElement}}
23
24 {{figure image="designer_element_textarea_properties_constraints_en.png"}}
25 The constraints properties panel of the {{designer/}} lets you select a data type and other constraints, such as whether the text area can be left empty.
26 {{/figure}}
27
28 {{internBaseOptionsElement page="base"}}
29 {{table dataTypeAlpha="0" colWidth="-500"}}
30 |=Name|=Description
31 |Datatype|How to check whether the entered text is valid. For example, you can use this to check for invalid email addresses. See also [[the built-in validators>>doc:Formcycle.Designer.Form.CodingPanel.Validators||anchor="HBuilt-invalidators"]].
32 |Length min|The minimum number of allowed characters.
33 |Length max|The maximum number of allowed characters.
34 |Value min|Only available for numeric datatypes: the smallest allowed number.
35 |Value max|Only available for numeric datatypes: the largest allowed number.
36 |Must equal|If set: The value of this input field must be equal to the value of the field that is selected here.
37 {{/table}}
38 {{/internBaseOptionsElement}}
39
40 {{internBaseOptionsElement page="label"/}}
41
42 {{internBaseOptionsElement page="val"/}}
43
44 {{internBaseOptionsElement page="css"/}}
45
46 {{internBaseOptionsElement page="attr"/}}
47
48 {{internBaseOptionsElement page="avail"/}}
49
50 {{internBaseOptionsElement page="ronly"/}}
51
52 {{internBaseOptionsElement page="misc"/}}
53
54 {{content moveToTop="true"/}}