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

Navigation

18. Apr 2018

Die Version 13 bietet die Möglichkeit, Pflegemasken komplett über CSS zu definieren, um so variantenabhängige Eingabefelder anzubieten.

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