Eigene Pflegemasken zu CSS-Only Untervarianten nutzen
Veröffentlichungsdatum: 18. Februar 2020
Änderungsdatum: 16. April 2024
Projektgrundlage: BASE
Weblication® CMS liefert Ihnen seit der BASE Classiv vielfältige Möglichkeiten, rein über CSS nicht nur Formatierungen vorzunehmen, sondern darüber hinaus auch unterschiedliche Bearbeitungsmasken und vieles mehr umzusetzen. Wir nennen es CSS-Only.
Mit dem BASE (Mobile First) Projekt wurden diese Möglichkeiten nochmals immens erweitert. Darunter fällt unter anderem die Möglichkeit, zu angelegten CSS-Only Hauptvarianten und Untervarianten auch eigene Untervarianten für Pflegemasken zu nutzen.
Der Screenshot nebenan bildet die Maske zu den Darstellungsvarianten des Inhaltsbox Weblics® ab (Auszug). Zu den Hauptvarianten können bereits vielfältige Einstellungen und Voreinstellungen gesetzt werden, welche durch die Untervarianten noch erweitert und verfeinert werden.
Reicht dies bei einem Projekt nicht aus, bieten bestimmte Weblics® - darunter z.B. die Inhaltsbox, das Überschriften-Element und das Listen-Weblic® - auch die Möglichkeit, die Untervarianten durch eigene Pflegemasken zu erweitern. Die CSS-Only-Eigenschaft hierzu funktioniert nach folgendem Schema:
-w-editmaskExtendedWebtag-xxx:'attribut1=wert,attribut2=wert';Als Attribute können Sie die zur Pflege von textbasierten Daten verfügbaren Attribute nutzen. Diese können dafür verwendet werden, konkrete (eigene) Untervarianten zu nutzen oder auch, um ein Element um Data-Attribute zu erweitern. Dies ermöglicht auch ein Einbinden externer Plugins, welche über Data-Attribute angesprochen werden können.
Beispiele für mögliche Umsetzungen finden Sie in den Artikeln der weiterführenden Links beschrieben.
Hinweis
Beim Einsatz von editor=selectCssClassVariant für CSS-Only Layout-Untervarianten muß der Name nach dem Bindestrich mit "layout" beginnen:
-w-editmaskExtendedWebtag-layoutXXXXX
(z.B.: -w-editmaskExtendedWebtag-layoutMarginTop)
Nur dann wir der Wert als CSS Klasse geschrieben.