Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum1. Vaadin Flow - Java

Can't load style.css?v.7.6.3

Olivier Vanlekeren
6 years ago Apr 09, 2016 9:59pm

Hello,

I followed this tutorial https://vaadin.com/docs/-/part/framework/themes/themes-compiling.html for compile mytheme. I choose maven, so only added the lines specified in the tutorial. I changed @Theme for "mytheme" . In this UI there is only two buttons. Unfortunalty the browser show me only the captions. With F12 on Firefox a red label warns me "stylesheet could not be loaded http://localhost:8080/VAADIN/themes/mytheme/style.css?v=7.6.3" I wrote nothing into mytheme.scss there is the default content.
Then tried another way, compiling the sass with ''mvn vaadin:compile-theme'' in the .../mytheme directory. Result: BUILD SUCCESS and style.css appears. I recompiled the code and restart the Application, but the same error is thrown. Style sheet not loaded and no buttons, only their captions (see first attachement)
Note: I use vaadin with springboot. It worked well in the past when I used vaadin-archetype-application with spring annexed.
On the second image we see that mytheme was loaded.

I browsed the forum but no topic talks about this issue.

Thanks
 

Olivier Vanlekeren
6 years ago Apr 10, 2016 11:53am

I found an ugly way.
I compile mytheme with "mvn vaadin:compile-theme" Copy the genereted style.css on my desktop and import it manually via F12 on Firefox. The problem seems to be a name error. Maybe Vaadin creates a style.css?v=7.6.3 file and not style.css as expected.
Nevertheless does someone have a solution? Or a way to put my own style.css automatically ? Later I wil embbed a this UI in a static HTML page returned by SpringBoot. May be  there is a way to specify my style.css in this static page?

Olivier Vanlekeren
5 years ago Apr 19, 2016 5:18pm
Solution Found !

http://stackoverflow.com/questions/36157728/vaadin-cant-find-my-themes

On intelliJ right click on webapp -> Mark Directory As->Resources Root
 

+1