Images wont load from CSS

Flow
1

I am trying to load a backgroung image in my UI using the CSS and not the theme resource. Though I am specifying a folder path or a external URL still the image won’t load. can anyone help me with this.

.v-verticallayout
{
	background-image: url("http://upload.wikimedia.org/wikipedia/commons/7/71/Arrow_east.svg");
}
.v-caption
{
	background-image: VAADIN/themes/customThemes/images/Arrow.png;
}

None of the above is working. Does it need any modifications?

2

Hi Mihir,

Try this for the the second option:


.v-caption
{
    background-image: url('images/Arrow.png');
}

I try the first option and works fine, the only problem I suspect you have is that the image is larger than you expect, as you see below

http://upload.wikimedia.org/wikipedia/commons/7/71/Arrow_east.svg

HTH.

Javi

3

Thanks a lot, it worked perfect.