Version 13: Dynamische Pflegemasken rein über CSS-Only definieren

18.04.2018

Die Version 13 bietet die Möglichkeit, Pflegemasken komplett über CSS zu definieren, um so CSS-Only variantenabhängige Eingabefelder anzubieten. Erstmalig zum Einsatz kommt diese Technik beim Weblic® Datenfragment, um dort spezielle Felder anzubieten, deren Inhalt, z.B. Adressdaten, formatiert und über schema.org ausgezeichnet ausgegeben werden.

Einbinden der dynamischen Pflegetags im XSLT-Template

<xsl:value-of disable-output-escaping="yes" select="php:function('wEditor::createExtendedWebtags', ., $wCSSPath, 'elementDataFragment', $layout)" />

Datenfragment mit dynamischen Pflegetags, die vollständig im CSS definiert werden

/*@wCssFragment{class:elementDataFragment;variant:500;caption:Adresse (ab Version 13);caption-en:Address;minSystemMajorRelease:13;livepreview:yes}*/
.elementDataFragment_var500 {
  
  @extend .elementContent !optional;  
  
  -w-editmaskTitle:'Adresse';
  
  -w-editmaskExtended-layout:no;  
  -w-editmaskExtended-html:admin;

  -w-editmaskExtendedWebtag-addresstype:'active=yes,decorators=default,editor=select,values="localBusiness|Organization|Person|Event",caption="Adresstyp"';    
  -w-editmaskExtendedWebtag-name:'active=yes,decorators=default,editor=input,caption="Name bzw. Firma"';  
  -w-editmaskExtendedWebtag-street:'active=yes,decorators=default,editor=input,caption="Straße"';  
  -w-editmaskExtendedWebtag-zip:'active=yes,decorators=col2,editor=input,caption="Postleitzahl"';    
  -w-editmaskExtendedWebtag-town:'active=yes,decorators=col2,editor=input,caption="Ort"'; 
  -w-editmaskExtendedWebtag-country:'active=yes,decorators=default,editor=input,caption="Land"';      
  -w-editmaskExtendedWebtag-mail:'active=yes,decorators=default,editor=input,caption="E-Mail"';
  -w-editmaskExtendedWebtag-phone:'active=yes,decorators=default,editor=input,caption="Telefon"';      
   
  -w-displayElements:html=yes;
     
}
Dynamische Maske zur Pflege strukturierter Adressdaten
Dynamische Maske zur Pflege strukturierter Adressdaten