Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
How to set background image of the web page using scss file
I have an image abc.jpg . which is located at /WEB-INF/images/abc.jpg. Now i going to set it as background image of my web page . but it is not displaying. I used the scss file and code is as below:
Plese help me.
You need to put the file relative to the theme css, then refere directly from there. Like "images/abc.jpg".
Hope that helps
Thanks a lot dear Ola Mattsson
I replaced my image folder in theme directory of the web application as per your instruction.
Now it is working correctly.
Thanks agin :-)
My pleasure, glad it helped :D
I tried different methods to set a background (local ) image using a scss file but it does'nt work.
I replace my image folder in theme directory of the web application. > NO result
I tried to begin the URL with ("file:///...) > NO result
If someone is good in CSS stuff and can explain to me why I can't use a local file as background image.
have you read in book of vaadin how to create a theme and compile scss to css? I seems to me like your images aren't where your css file is.
I just tried to begin the URL file like this background: url("../images/myimage.bmp") and it worked .
And The Path of my images folder was like that C:\Users\YKarafi\workspace\lilo\WebContent\VAADIN\themes\images.
I have and image fitness.JPG, which is located at /REBELFIT-OI/img/fitness.jpg. Now i going to set it as background image of my web page . but it is not displaying. u used scss to code bellow;
and my path is C:\Users\Ipas\Desktop\REBEFLT.OI\img\fitness.jpg
Please i need help. Thanks.