ImageBox

Create box with image background.

About

New in 4.4.1, updated in 4.4.2

To create box with image background you can use component image-box. Add role image-box to element and define image with attribute data-image.

Important! You must define width and height for element.

                    <div class="demo-box" data-role="image-box" data-image="images/1.jpg"></div>
                

In fact, image-box operates with a css background property, so it can set the corresponding background sub properties, such as: size, repeat, color, attachment, origin.

To set background sub property you can use the appropriate attributes: data-size, data-repeat, data-color, data-attachment, data-origin.

The values for these attributes correspond to their css counterparts.