- Einleitung
- Neue TYPO3 Seite anlegen
- Struktur einer Typo3 Seite
- Inhaltselemente anlegen oder kopieren
-
Konfigurations-Beispiele einzelner Inhaltselemente
- Text & Medien
- Trenner
- Bild mit Text-Overlay
- Raster-Elemente
- Raster-Element: 2 Spalten
- Raster-Element: 3 Spalten
- Raster-Element: Tabs
- Raster-Element: Accordion
- Raster-Element: Section
- Dateilinks & Dateiliste
- Keyvisual Slider
- Content Slider
- HTML
- HTML: Einbinden fremder Inhalte
- Spezial Element: Datensätze einfügen
- Konfiguration für alle Inhaltselemente
- Seiten zweisprachig
- Datenbankabfragen integrieren
- Latex auf Webseite einbinden
- Allgemeine Probleme und Anregungen
- Vorlagen
Raster-Element Tabs
ALLGEMEIN
Das Raster-Element Tabs gibt es bei Typo3 in drei verschiedenen Varianten: 4 Tabs, 6 Tabs und Tabs from content
Da Tabs from content jederzeit erweiterbar sind und weil sich die Konfiguration der anderen Tab Varianten nur unwesentlich unterscheidet, gehen wir hier nur auf Tabs from content ein.
Achtung: Zu lange Überschriften und zu viele Tabs sind unschön, da kein Zeilenumbruch stattfindet, sondern ein Scrollbalken erzeugt wird.
Deshalb ist der Einsatz von Tabs für kleine Displays besonders problematisch. Vielleicht ist in diesen Fällen das Raster-Element: Accordion eine Alternative.
Raster-Elemente sind reine Layoutelemente, welche nach dem Speichern in einem zweiten Schritt noch mit Inhaltselementen wie z.B. Text & Medien oder HTML befüllt werden müssen.
Dies geschieht dann wie gewohnt via Button +Inhalt (Neues Inhaltselement erstellen). Siehe Tab 3: Mit Inhalt befüllen.
EINSTELLUNGEN
Button: +Inhalt (Neues Inhaltselement erstellen) -> Grid Elements -> Tabs from content.
Folgende Einstellungen sind vorzunehmen:
Allgemein:
Inhaltselement
Typ: Grid Element haben wir ausgewählt.
Spalte: Unterseiten Bereich neben Navigation, erstellt das Inhaltselement rechts von der Seitennavigation.
Überschriften
Überschrift: Obwohl die Überschrift bei diesem Element in der Webseite nicht sichtbar ist , solltest Du zur besseren Erkennbarkeit des Inhaltselements im Backend einen aussagekräftigen Namen vergeben. Alle anderen Einstellungen kannst Du frei lassen.
Grid Layout
Tabs from content haben wir ausgewählt.
Für weitere Einstellmöglichkeiten beachte die Konfiguration für alle Inhaltselemente.
Wenn Du alle Einstellungen für das Tab Layout vorgenommen hast, einmal Speichern -> Schließen und abschließend die Tabs via Button +Inhalt mit Inhalt befüllen. Siehe Tab 3: Mit Inhalt befüllen.
MIT INHALT BEFÜLLEN
Nachdem Du das Raster-Element Tabs from content erstellt hast, kannst Du nun via Button +Inhalt (Neues Inhaltselement erstellen) die Tabs mit Inhaltselementen wie z.B. Text & Medien, HTML oder Bild mit Text Overlay(macht hier aber wenig Sinn) befüllen.
Bei den in den Tabs erstellten Inhaltselementen sollte man die Überschriften unter Allgemein zur Vereinheitlichung in Großbuchstaben schreiben und Headline font-size auf "Wie h6" setzen. Andernfalls unterscheiden sich die Tabs von den Überschriften.
Bei viel Inhalt kann man ggf. unter Erscheinungsbild -> Links -> den Link zum Seitenanfang anfügen (s.u. "Nach oben" link) aktivieren. Hier springt der Ankerlink jeweils zur Tab- Überschrift.
PROBLEME
Ankerlinks allgemein, aber auch von einem Tab zum Nächsten funktionieren nicht! Bsp.: Allgemein
Das Einrücken des Inhalts lässt sich nicht via Einstellung in "Erscheinungsbild" deaktivieren.
Nach Überarbeitung der Tabs durch die Agentur, werden diese nicht mehr wie vorher umgebrochen, es erscheint jetzt bei niedrigen Auflösungen < 1024 schon bei 4 Tabs ein Scrollbalken direkt unter den einzelnen Tabs.
Der "Nach oben" link springt manchmal zum Anfang der Seite und nicht wie gewünscht zu den Tab Überschriften.
