Wiki-Quellcode von Unsichtbarer Container

Zeige letzte Bearbeiter
1 {{panel float="right"}}
2 (% class="block text-align-center%){{ficon name="XContainerInvisible" size="4em"/}}
3
4 (% class="block%)Das Symbol für Elemente vom Typ //Unsichtbarer Container//.
5 {{/panel}}
6
7 {{version major="7" minor="2" /}} Dieses Formularelement ist ab {{formcycle/}} Version 7.2.0 verfügbar.
8
9 == Funktionsweise ==
10
11 Das Formularelement //Unsichtbarer Container// fügt einen Container für andere Formularelemente in das aktuelle Formular ein. Der Container kommt etwa dann zum Einsatz, wenn mehrere Formularelemente versteckt oder angezeigt werden sollen; oder Javascript-Funktionen auf alle Formularelemente angewendet werden sollen. Derzeit ist dieses Formularelement über das HTML-Element //DIV// implementiert, dies kann sich allerdings ändern.
12
13 Im Gegensatz zum [[Container>>doc:Container]] werden beim unsichtbaren Container standardmäßig keine Abstände (Einrückungen) gesetzt, sodass diese optisch nicht sichtbar ist. Der gleiche Effekt könnte auch mit einem herkömmlichen Container und entsprechenden CSS erreicht werden.
14
15 {{figure image="designer_element_container_properties_base_de.png"}}
16 In den Grundeigenschaften kann für einen Container zusätzlich noch dessen Höhe festgelegt werden.
17 {{/figure}}
18
19 {{internBaseOptionsElement page="base"}}
20 {{table dataTypeAlpha="0" colWidth="-500"}}
21 |=Name|=Beschreibung
22 |Höhe (in px)| Gibt die Mindesthöhe in Pixel für diesen Container an. Die Höhe des Containers wird automatisch angepasst, falls die darin enthaltenen Elemente zusammen höher als die Mindesthöhe sind.
23 {{/internBaseOptionsElement}}
24
25 == Darstellung ==
26
27 {{figure image="designer_element_container_properties_style_de.png"}}
28 Container verfügen über den Bereich zur Darstellung, der etwa erlaubt, die Hintergrundfarbe zu ändern.
29 {{/figure}}
30
31 {{table dataTypeAlpha="0" colWidth="-500"}}
32 |= Eigenschaft|= Erläuterung
33 |Farbe|Legt die Hintergrundfarbe dieses Containers fest. Standardmäßig ist der Hintergrund transparent.
34 {{/table}}
35
36 {{internBaseOptionsElement page="cond"/}}
37
38 {{internBaseOptionsElement page="help"/}}
39
40 {{internBaseOptionsElement page="css"/}}
41
42 {{internBaseOptionsElement page="attr"/}}
43
44 {{internBaseOptionsElement page="avail"/}}
45
46 {{internBaseOptionsElement page="misc"/}}
47
48 {{content moveToTop="true"/}}