Wiki source code of Textarea
Show last authors
author | version | line-number | content |
---|---|---|---|
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"/}} |