Tabs und Akkordeon

Mit dieser Konstruktion lassen sich lange Seiten so strukturieren, dass nicht immer alle Inhalte gleichzeitig zu sehen sind. Tabs - die korrekte deutsche Bezeichnung wäre wohl "Registerkarten" - platzieren Reiter über dem Inhalt, wobei nur ein Tab jeweils anwählbar ist. Das Akkordeon dageben ermöglicht das Ein- und Ausklappen von Inhalten.Bei schmalen Displays (Smartphone etc.) wird in jedem Fall automatisch der Akkordeon-Modus gewählt.

  • Erster Eintrag

    Dieser Text ist in ein normales Inhaltselement vom Typ "Text und Bilder" geschrieben worden, das in der Box "Tab einzeln" steckt, die wiederum in die Box "Tabs und Akkordeon-Container" geschoben wurde.

    Dieser Text ist in ein normales Inhaltselement vom Typ "Text und Bilder" geschrieben worden, das in der Box "Tab einzeln" steckt, die wiederum in die Box "Tabs und Akkordeon-Container" geschoben wurde.

  • Zweiter Eintrag

    Der nächste Text wurde wieder in ein entsprechendes Inhaltselement geschrieben, mit einem "Tab einzeln"-Element umgeben - und steht natürlich wieder im gleichen "Tabs und Akkordeon-Container".

  • Dritter Eintrag

    Zu erwähnen wäre noch, dass das Symbol und die Überschrift oben beim Element "Tab einzeln" ganz unten auf der Seite einzutragen bzw. auszuwählen sind. Und schließlich sollte man darauf achten, dass so eine Tab-Konstruktion schließlich in einem Rahmen stecken muss, also üblicherweise in der "Inhaltsbox breit".

  • Erster Eintrag

    Genau das gleiche wie oben, aber diesmal Akkordeon im Container gewählt - schon sieht es auf dem breiten Display ganz anders aus.Dieser Text ist in ein normales Inhaltselement vom Typ "Text und Bilder" geschrieben worden, das in der Box "Tab einzeln" steckt, die wiederum in die Box "Tabs und Akkordeon-Container" geschoben wurde.

  • Zweiter Eintrag

    Der nächste Text wurde wieder in ein entsprechendes Inhaltselement geschrieben, mit einem "Tab einzeln"-Element umgeben - und steht natürlich wieder im gleichen "Tabs und Akkordeon-Container".

  • Dritter Eintrag

    Zu erwähnen wäre noch, dass das Symbol und die Überschrift oben beim Element "Tab einzeln" ganz unten auf der Seite einzutragen bzw. auszuwählen sind. Und schließlich sollte man darauf achten, dass so eine Tab-Konstruktion schließlich in einem Rahmen stecken muss, also üblicherweise in der "Inhaltsbox breit".
Das funktioniert auch ohne die "Inhaltsbox breit", dann muss aber ein unsichtbare Rahmen ohne Randabstand verwendet werden: