Eigene Pflegemasken zu CSS-Only Untervarianten der Inhaltsbox nutzen
Veröffentlichungsdatum: 18. Februar 2020
Änderungsdatum: 16. April 2024
Projektgrundlage: BASE
Das Inhaltsbox Weblic® beinhaltet schon im Standard zu diversen Hauptvarianten Umsetzungen mit eigenen Pflegemasken von Untervarianten.
Der Screenshot nebenan bildet die Maske zu den Optionen eines Inhaltsbox-Elementes ab. Zur Hauptvariante "Individuell (111)" können diverse Einstellungen über Untervarianten vorgenommen werden (Innenabstände, Rahmen, etc.).
Reichen diese Einstellungen nicht aus, können auch eigene Pflegemasken für Untervarianten ergänzt werden.
Ein Beispiel ist die CSS-Only Hauptvariante "Hinweis als Infolayer mittig einblenden (540)", welche die Pflegemasken dafür nutzt, um über Data-Attribute im Element diverse Funktionen zu steuern.
Die eigenen Pflegemasken dienen in dieser Hauptvariante dazu, zum DIV-Container der Inhaltsbox diverse Data-Attribute zu setzen, über welche die Inhaltsbox eingeblendet werden kann und je nach x Sekunden wieder ausgeblendet wird.
Beispiel: Auszug der Inhaltsbox Hauptvariante 540 mit eigenen Pflegemasken
/*@wCssFragment{class:elementBox;variant:540;caption:Hinweis als Infolayer mittig einblenden;caption-en:Centered notice layer;livepreview:yes;usertypes:;selectable:yes}*/ .elementBox_var540 { /* ... */ -w-editmaskExtendedWebtag-showOnlyOnce:'active=yes,decorators=default,editor=checkbox,values=1,texts="Nur einmal anzeigen"'; -w-editmaskExtendedWebtag-infoID:'active=yes,decorators=default,editor=input,validator=/^(\w+|)$/,caption="ID der Info",captionInfo="Nur bei einmalig anzuzeigenden Infos relevant"'; -w-editmaskExtendedWebtag-timeHideAuto:'active=yes,decorators=default,editor=select,values=|3|5|8|10|15|20,caption="Nach X Sekunden automatisch ausblenden"'; /* ... */ }
Ebenso ist es möglich, über die eigenen Pflegemasken auch weitere (eigene) Untervarianten anzusprechen, welche konkrete Darstellungen abweichend von der Hauptvariante bieten können.
Hinweis
Ab aktuellem Weblic® der CMS-Version 18 ist es auch zum Link-Element möglich, eigene Pflegemasken nach dem Schema -w-editmaskExtendedWebtag-xyz zu nutzen.