Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- redaktion:i._rasterelemente [2021/06/18 11:49] – nhasler
+++ redaktion:i._rasterelemente [2025/07/10 07:31] (aktuell) – [Accordion-Container] ameier
@@ Zeile 1: / Zeile 1: @@
-====== i. Rasterelemente ======
+====== i. Container-Elemente ======
-Um viele Inhalte auf derselben Seite unterbringen zu können, stehen besondere Strukturelemente, die Raster-Elemente, zur Verfügung. Es handelt sich hierbei um Container, welche die gewünschte Zahl an Inhaltselementen aufnehmen können. Im TYPO3 gibt es davon drei verschiedene Arten:
+(vormals Rasterelemente)
+Um viele Inhalte auf derselben Seite unterbringen zu können, stehen besondere Strukturelemente zur Verfügung. Es handelt sich hierbei um Container, welche die gewünschte Zahl an Inhaltselementen aufnehmen können. Im TYPO3 gibt es davon drei verschiedene Arten:
   * Accordion-Container: eine Reihe von Inhaltselementen untereinander
   * Tabs-Container: eine Reihe von Tabreitern (Tabs) nebeneinander
   * Mehrfachinhalt-Container: kann Inhaltselemente aller Art enthalten
+  * Box mit Rahmen: eines oder mehrere Elemente in Box mit schwarzem Rand anzeigen.
+Container-Elemente werden über die Schaltflächen [+ Inhalt] Einfügen-Dialog unter dem Reiter "Spezialinhalte" ausgewählt.
-Raster-Elemente werden oberhalb der Arbeitsfläche im Reiter "Raster-Elemente" ausgewählt und per Drag & Drop an der gewünschten Stelle eingefügt.
+{{:redaktion:unilu-47446-spezialinhalte.png|}}
-{{:redaktion:pasted:20140117-074316.png}}
 ===== Accordion-Container =====
@@ Zeile 18: / Zeile 22: @@
 Standardmässig sind die Accordion-Elemente eingeklappt, können aber einzeln oder mittels Button "Alle anzeigen" alle aufs Mal geöffnet werden. Das Gesamt aller Elemente bildet das Accordion (fächerartige Handorgel).
-{{:redaktion:bildschirmfoto_2021-06-18_um_13.48.40.png?600|{{:redaktion:accordion.jpg|}}}}
+{{:redaktion:bildschirmfoto_2021-06-18_um_13.48.40.png?600|{{:redaktion:accordion.jpg|}}
 Accordions können so konfiguriert werden, dass beim Laden der Seite alle Elemente oder das erste Element offen sind / ist. Die Änderung der Einstellung erfolgt in den Eigenschaften des Accordion-Containers:
-{{:redaktion:pasted:20140123-223751.png}}
+{{:redaktion:unilu-47446-accordion-new.png|}}
-{{:redaktion:pasted:20140123-223801.png}}
+{{:redaktion:unilu-47446-accordion-state.png|}}
 Kombiniert man bestimmte Seitenelemente, ist es für das Auge der Internetnutzer/innen angenehmer, wenn man textliche Übergänge schafft, z.B. zwischen Überschrift und Accordion oder auch Dateilinks und Accordion. Als Übergang können einführende Worte zum Accordion dienen.
@@ Zeile 32: / Zeile 36: @@
 In der Arbeitsfläche ist ein Accordion wie folgt aufgebaut:
-{{:redaktion:accordion1.jpg|}}
+{{:redaktion:unilu-47446-accordion-items.png|}}
-  - **Raster-Element** "Accordion-Container"
+  - **Container-Element** "Accordion-Container"
   - **Inhaltselement**: bildet das erste Accordion-Element
   - **Inhaltselement**: bildet das zweite Accordion-Element
   - etc.
-Die Reihenfolge der Inhaltselemente kann per Pfeil oder Drag & Drop geändert werden.
+Die Reihenfolge der Inhaltselemente kann per Drag & Drop, oder über die Zwischenablage geändert werden.
+{{:redaktion:unilu-47446-accordion-move.png|}}
+[Screenshots Vorgehen Zwischenablage]
 Überschriften:
@@ Zeile 48: / Zeile 56: @@
 ===== Tabs-Container =====
-Erklärung am Beispiel für den Einsatz in den Detailseiten resp. persönlichen Seiten von Mitarbeitenden.
+Erklärung am Beispiel für den Einsatz in den Detailseiten resp. persönlichen Seiten von Mitarbeitenden. Zu diesem Zweck sind die Vorgaben für Titel und Reihenfolge gemäss Vorgaben im Benutzerhandbuch einzuhalten.
 **Anzeige auf der Website**
@@ Zeile 60: / Zeile 68: @@
 Der Tabs-Container funktioniert grundsätzlich wie der Accordion-Container.
-  - **Raster-Element** "Tabs-Container"
+  - **Container-Element** "Tabs-Container"
   - **Inhaltselement** Text mit Überschrift "CV"
   - **Inhaltselement** Text mit Überschrift "Forschung" resp. "Research"
@@ Zeile 82: / Zeile 90: @@
 Ein Tab mit mehreren Inhaltselementen "Text" kann so aussehen ("Tabs" ist der "Tabs-Container"):
-{{:redaktion:pasted:20140117-074851.png}}
+{{:redaktion:unilu-47446-tabs-nested-structure.png|}}
 Auf der Seite werden zwei Tabs angezeigt: