Wiki-Quellcode von Unsichtbarer Container
Zeige letzte Bearbeiter
| author | version | line-number | content | 
|---|---|---|---|
| 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"/}} |