Inhaltsboxen individuell über CSS-Only erweitern

22.11.2018

Inhaltsboxen lassen sich in der BASE (Mobile First) nun über beliebige individuelle Titel, Zusatzinfos, pflegbare Felder und Daten-Attribute erweitern, um individuelle Boxen, Layer, Blöcke, Einblender oder sonstige gruppierte Elemente umzusetzen.

Um Titel, Pflegetags und Zusatzinfo erweiterte Pflegemaske
Um Titel, Pflegetags und Zusatzinfo erweiterte Pflegemaske

CSS-Only zur erweiterten Anpassung der Pflegmaske

-w-editmaskTitle:'Hinweis als Infolayer';    
  
-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"';
  
-w-editmaskInfo:'Der Hinweis wird nach dem Laden der Seite eingeblendet und lässt sich vom Benutzer wieder schließen.';  
    

CSS-Only, um die Datenattribute für das JavaScript zu ergänzen

 -w-additionalAttributes:'showonlyonce=showOnlyOnce,timehideauto=timeHideAuto,infoid=infoID';

Ausblenden, wenn es nur einmal angezeigt werden soll und bereits angezeigt wurde

&[data-showonlyonce='1'][data-hasshownonce='1']{
  display:none;
}