Abstand [Grid Spacer] NEU

Das neue Grid Element Abstand bietet die Möglichkeit, einen Abstand zu anderen Elementen zu definieren. Auch wenn es scheinbar einfacher ist, im RTE (Text-Editor) Element ein paarmal auf Enter zu drücken und somit einen Abstand zu “simulieren”, so wäre diese einfache Methode nicht BITV konform, da ein Enter lediglich einen leeren Absatz, also einen sog. HTML-<p>-Container ohne Inhalt erzeugt. Aber genau diese leeren Absätze verstoßen gegen BITV, da beispielsweise ein Screenreader diese leeren Absätze vorlesen würde. Daher gibt es in komXcms v1.6 dieses neue Grid-Element, welches einen sauberen und BITV konformen HTML-<div>-Container mit Abstands-Styles ausgibt. Die Abstandsgröße ist wählbar und die Redakteure haben zusätzlich die Möglichkeit, diesen Abstand mit bestimmten Farben zu versehen, um eine optische Trennung durch eine farbige Linie zu kennzeichnen.

Abstand als Platzhalter

Hier wird das Element als "Leerzeile" verwendet. Die Breite des Elementes selbst ist in diesem Fall 0px, doch durch entsprechende Angaben bei "Abstand Oben" und "Abstand Unten" kann die Größe des Platzhalters variiert werden.

Es ist sehr gut zu sehen, wie hier Platz zwischen den Texten geschaffen wurde.

Abstand als Linie

Schritt-für-Schritt Anleitung

Um ein Abstand-Element zu erstellen, gehen Sie wie folgt vor:

  • Ein sprechender Name des Elementes sollte eingegeben werden, um später die einzelnen Grid-Elemente in der Übersicht besser finden zu können
  • Optional: Name des Elementes im Frontend als Überschrift ausgeben
  • Optional: Abstand zum darüber stehenden Element einstellen
  • Optional: Abstand zum darunter stehenden Element einstellen
  • Optional: zum Anzeigen einer Linie die Linienstärke einstellen
  • Optional: bei einer Linie die Linienfarbe auswählen
  • Button Fertig klicken, um die Konfiguration zu übernehmen
  • Anschließend Button Speichern und veröffentlichen klicken, um die Seite zu speichern und das Element im Frontend sichtbar zu machen