| ... |
... |
@@ -1,13 +1,17 @@ |
| 1 |
1 |
{{panel float="right"}} |
| 2 |
|
-(% class="block text-align-center%){{ficon name="XContainer" size="4em"/}} |
|
2 |
+(% class="block text-align-center%){{ficon name="XContainerInvisible" size="4em"/}} |
| 3 |
3 |
|
| 4 |
|
-(% class="block%)The icon for form elements of type //container//. |
|
4 |
+(% class="block%)The icon for form elements of type //invisible container//. |
| 5 |
5 |
{{/panel}} |
| 6 |
6 |
|
|
7 |
+{{version major="7" minor="2" /}} This form element is available from {{formcycle/}} version 7.2.0 onwards. |
|
8 |
+ |
| 7 |
7 |
== Functionality == |
| 8 |
8 |
|
| 9 |
|
-Form elements of type //container// add a container for other form elements to the current form and is used to group several elements. This can be useful when you would like to hide multiple elements, or when certain JavaScript functions need to be applied on those elements. |
|
11 |
+Form elements of type //invisible container// add a container for other form elements to the current form and is used to group several elements. This can be useful when you would like to hide multiple elements, or when certain JavaScript functions need to be applied on those elements. |
| 10 |
10 |
|
|
13 |
+Compared to the [[container>>doc:Container]], the invisible container does not add any padding by default and cannot be seen visually. Note that the same effect could be achieved with a standard container element and the appropriate CSS. |
|
14 |
+ |
| 11 |
11 |
{{figure image="designer_element_container_properties_base_en.png"}} |
| 12 |
12 |
The basic properties panel allows you to set the height of the container as well. |
| 13 |
13 |
{{/figure}} |
