Picture Imposing

Hi,
I have a big picture in my application,i want to put several small pictures on it when the applications runs.Is there any method in vaadin which allows me to do that or any other idea how i can do it .

Thanks

You could use css for the background image and vadin image component for the images on top of that.
the css could be something like that, in styles.css,(the img/ folder has to be in your theme´s folder)

.yourtheme.v-app {
background: url(img/eingang.jpg) ;
webkit-background-size: cover;
moz-background-size: cover;
o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘img/eingang.jpg’, sizingMethod=‘scale’);
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘img/eingang.jpg’, sizingMethod=‘scale’);
}

This way the image woud be shown and scaled to browser size in all of the screens, if you dont want that make it background in a Vaadin Layout with setStyle(). but I did not try whether the resize works with a layout. Maybe you tell me :slight_smile: