Inloggen

Repeaters en images

Developer update

Een aantal wensen waren ingediend die betrekking hadden op de background images in combinatie met de pagina eigenschappen. Zoals :

"Als front-ender wil ik afbeeldingen die ik heb toegevoegd als eigenschap van een tabel of een template ook kunnen gebruiken als background-image in een repeater."

"Als front-ender wil ik afbeeldingen die ik heb toegevoegd als eigenschap van een tabel of een pagina ook kunnen croppen met de lumen data-attributes "

We hebben hiervoor de LCL een beetje uitgebreid.

Vanuit een repeater is het nu mogelijk om middels het attribuut data-background-image-page-property de backgroundimage te vullen met de afbeelding die in een eigenschap is vastgelegd:

                                    <div data-repeater-source="mydatasource">
<div data-background-image-page-property="BACKGROUND" class="background-image">
</div>
</div>

Ook kan er gebruik gemaakt worden van het attribuut data-background-image-page-lid. Hiermee kan de achtergrond gevuld worden met een afbeelding die vastgelegd is op de bijbehorende pagina. Het ID moet uiteraard corresponderen met het data-lid of het data-background-image-lid van de onderliggende pagina:

                                    <div data-repeater-source="mydatasource">
    <div data-background-image-page-lid="1" class="background-image-small"></div>
</div>

                                

Om een Img Element te vullen wordt gebruik gemaakt van het attribuut data-page-property  of  data-page-lid.

                                    <div data-repeater-source="mydatasource">
    <img data-page-property="PHOTO" data-image-width="100">
</div>

                                
Geschreven op woensdag 28 december 2016

Jefry van den Hoeven

Loop je vast?

Geen zorgen. Laat je helpen door een Lumen Pro!

Help me out!