-w-add-objectdata

Mögliche WerteBeschreibungEinsatzgebiet
Klassennamen

Ergänzt das Element um die angegebenen Objektdaten

default.wFilelist.php
bannerSlider.wFilelist.php

Beachten Sie:
Beim Einsatz von SASS / wCSS2 als CSS-Interpreter dürfen Werte für CSS-Only-Eigenschaften keinen Doppelpunkt enthalten! Dies ist nicht SASS-konform. Verwenden Sie daher anstatt der xpath-Schreibweise (z.B.: -w-add-objectdata:wd:extension/wd:object/wd:data[@id = 'adresse']/text(); ) die Kurzschreibweise (z.B.: -w-add-objectdata:adresse; )

Diese CSS-Only-Eigenschaft wird in der BASE (Mobile First) nicht mehr im Standard-Listentemplate (default.wFilelist.php) genutzt, da es hier eine andere Umsetzung gibt (siehe: Mobile First BASE: Listen um Objektdaten erweitern und beliebig formatieren).

Beispiele / Anwendungsfälle

Beispiel 1: Fügt in der Listen-Variante 48 dem Element mit der Klasse listEntry die Objektdaten text und email hinzu

.listDefault_var48 .listEntry           {/* ... */;-w-add-objectdata:text-disable-output-escaping,email;/* ... */}
/* ... */
.listDefault_var48 .listEntryData-text  {color:#888888}
.listDefault_var48 .listEntryData-email {color:#888888;-w-wsl:createMaskedMailLink(type=js,text=E-Mail)}
/* ... */

Beispiel 2: Fügt in der Listen-Variante 999 dem Element mit der Klasse listEntry das Vorschaubild hinzu und verschiebt es an die erste Position

/* ... */
.listDefault_var999 .listEntryThumbnailExt {float:left;margin:2px 8px 0 0;width:96px;max-width:100%;height:auto}
.listDefault_var999 .listEntry             {-w-add-objectdata:wd:extension/wd:meta/wd:thumbnail/@src;-w-jquery:jQuery(this).prepend('<img class="listEntryThumbnailExt" alt="" src="' + jQuery(this).find('.listEntryData-0').html() + '"/>')}
.listDefault_var999 .listEntryData-0       {}
/* ... */

Beispiel 3: Fügt in der Banner-Variante 10000 dem Element mit der Klasse listEntryInfoLayer die angegebenen Objektdaten hinzu

/* ... */
.listBannerSlider_var10000 .listEntries .listEntryInfoLayer  {/* ... */;-w-add-objectdata:newsType;}
/* ... */
.listBannerSlider_var10000 .listEntryData-newsType           {font-size:23px;padding:8px}
.listBannerSlider_var10000 .listEntryData-newsType:before    {content:'Rubrik: ';}
/* ... */