Raster / Grid Elemente,
Raster oder Grids
Hier sehen Sie einige Beispiele zu den Rastern oder auch Grids die im Template des TYPO3 Sitepackage enthalten sind. Mit Rasterelementen kann eine mehrspaltigkeit erzeugt werden. Die Breiten und Position der Raster können Sie individuell im vorhandenen CSS-Grid im Backend einstellen. In die Spalten der Raster kann generell jedes Element eingesetzt werden, die Anzahl der Elemente pro Spalte ist nicht begrenzt.
Foldout Elemente,
Ein Foldout Elelement
Foldout-Elemente können alle anderen Inhaltselemente enthalten.
Grid oder Raster Element,
Ein 3 spaltiges Raster/Grid Element
Die Spalten der Raster-Elemente können für Desktop, Tablet Landscape, Tablet Portrait und Mobile Devices verschieden angepasst werden. Verändern Sie die Breite des Browser Fensters, um die unterschiedlichen Anordnungen zu sehen.
Grid oder Raster Element,
Ein 3 spaltiges Raster/Grid Element
Raster-Elemente können ebenfalls, wie alle anderen Elemente, verschiedene Theme Farben erhalten. Referenzen von Raster-Elementen können das Erscheinungsbild überschreiben.
Container wachsen mit...
Container wachsen mit...
Container wachsen mit...
Container wachsen mit
Der jeweils letzte Container in einer Spalte füllt den verbleibenden Platz auf damit die Hintergründe unten bündig sind.
Grid oder Raster Element,
Ein 3 spaltiges Raster/Grid Element
Raster-Elemente können ebenfalls, wie alle anderen Elemente, verschiedene Theme Farben erhalten. Referenzen von Raster-Elementen können das Erscheinungsbild überschreiben.
Container wachsen mit...
Container wachsen mit...
Container wachsen mit...
Container wachsen mit
Der jeweils letzte Container in einer Spalte füllt den verbleibenden Platz auf damit die Hintergründe unten bündig sind.
Backend Optionen
Backend Vorschau der Grid Einteilungen
Drag and Drop Ui der Grid Einteilungen im Backend für 4 Devices: Desktop, Tablet Landscape, Tablet Portrait, Mobile (hat nicht mehr auf das Bild gepasst)
Raster Konfigurationen werden als FlexForm gespeichert und mit Standard Werten geladen.
Inhaltselement Tab: Erscheinungsbild, dieser Tab ist auf allen Inhaltselementen verfügbar
Inhaltselement Tab: Effekte (Bereich Animation), dieser Tab ist auf allen Inhaltselementen verfügbar
Inhaltselement Tab: Effekte (Bereich Verhalten), dieser Tab ist auf allen Inhaltselementen verfügbar