AutoGrid

Contao AutoGrid
AutoGrid Überblick

Grid-Aufbau: Möglichkeiten

Grid-Möglichkeit 1: Grid-Reihe mit Spalten

Gridreihe mit Spalten
Gridreihe mit Spalten

Vorteile:

  • +/- Buttons
  • Designeinstellungen auf Spalten

Nachteile:

  • Keine 5er Teilung möglich

Grid-Möglichkeit 2: Grid-Reihe ohne Spalten

Gridreihe ohne Spalten
Gridreihe ohne Spalten

Vorteile:

  • +/- Buttons
  • Einfachster Aufbau

Nachteile:

  • Keine 5er Teilung möglich
  • Nur 1 Element pro Spalte möglich

Grid-Möglichkeit 3: Grid-Vorlagen

Gridvorlagen
Gridvorlagen

Vorteile:

  • Fixer Aufbau: Kann nicht mehr verändert werden von Redakteuren
  • 5er Teilung möglich
  • Eigene % Werte möglich

Nachteile:

  • Keine Änderung der Spaltenanzahl möglich
  • Keine +/- Buttons

Designeinstellungen auf Spalten

Designeinstellungen können auf jeder Grid-Spalte eingestellt werden.

Gridspalte Designeinstellungen
Designeinstellungen auf Spalten
Gridspalte Designeinstellungen
Übersicht Designeinstellungen auf Spalten

Spaltenreihenfolge je nach Endgerät

Folgende CSS-Klassen können vergeben werden um die Reihenfolge der Spalten je nach Endgerät zu steuern:

Element: Grid-Spalte > Experteneinstellungen > CSS-Klasse

Tablet
order_1_t 1. Position auf Tablet
order_2_t 2. Position auf Tablet
order_3_t 3. Position auf Tablet
order_4_t 4. Position auf Tablet
order_5_t 5. Position auf Tablet
order_6_t 6. Position auf Tablet
Mobile
order_1_m 1. Position auf Smartphone
order_2_m 2. Position auf Smartphone
order_3_m 3. Position auf Smartphone
order_4_m 4. Position auf Smartphone
order_5_m 5. Position auf Smartphone
order_6_m 6. Position auf Smartphone
Video-Tutorials zu AutoGrid
Copyright 2024. All Rights Reserved.
You are using an outdated browser. The website may not be displayed correctly. Close