Vaadin 7.2 Theming

Hi Guys,

We’re probably a couple of months from moving our new Vaadin system into production. We’ve modified the theme from one of the Vaadin demos and it’s working reasonably well at the moment. As a mobile firm though we’re keen to hang on for responsive layouts before spending too much time on the theming.

I can see in the roadmap that 7.2 will have responsive layouts and better SASS theming. Could you please let us know when this will be ready for us use? We don’t mind working with a beta for a while as long as things are reasonably stable by the time we go into production.


I think the Responsive extension was merged yesterday, so it should be available in the 7.2-SNAPSHOT by now. Not sure if it works OK, haven’t tried it yet myself.

7.2.0.beta1 is scheduled for Friday and it should have it.

Unless someone broke things when merging the Responsive add-on, it should work very well. It’s been used in multiple projects already, and we’ve fixed all bugs those have brought up.

Note that the date (last Fri) for 7.2.0.beta1was postponed a little. We try to get it together soon, though, perhaps this week.

7.2 does improve the SASS compiler in several ways (missing features implemented, bugs fixed, sass compiler itself split to a separate project), but the new fully SASS-based theme that was originally planned for 7.2 has been moved to 7.3.

Hi Henri,

I am trying to integrate an front-end framework based on SASS, using the Vaadin 7.1.12 and i have an issue in the theme compilation process about the
SASS partials
. Is this issue is fixed in the 7.2 or is it already resolved in older versions? Because i found two tickets posting the same problem.

I havent resolved this problem yet, and the
Vaadin Bootstrap project example
from Jounik has the same issue if i try to compile it using the 7.1.12
on the fly compilation
. I need help


I’m not sure if it works with 7.1, but you could try replacing your vaadin-theme-compiler dependency with vaadin-sass-compiler 0.9.0. Vaadin 7.2 is migrating to use it, and perhaps it would also work with 7.1.

I replaced the theme compiler by the sass compiler from github, but the unique downloadable version 1.0.0.SNAPSHOT, and i received this message on-the-fly compilation:

java.lang.ClassNotFoundException: com.vaadin.sass.CustomConsoleHandler
java.lang.ClassNotFoundException: com.vaadin.sass.CustomConsoleHandler
    at Method)
    at java.lang.ClassLoader.loadClass(
    at sun.misc.Launcher$AppClassLoader.loadClass(
    at java.lang.ClassLoader.loadClass(
    at java.util.logging.LogManager$
    at Method)
    at java.util.logging.LogManager.loadLoggerHandlers(
    at java.util.logging.LogManager.initializeGlobalHandlers(
    at java.util.logging.LogManager.access$1300(
    at java.util.logging.LogManager$RootLogger.getHandlers(
    at java.util.logging.Logger.log(
    at java.util.logging.Logger.doLog(
    at java.util.logging.Logger.logp(
    at org.apache.juli.logging.DirectJDKLog.log(
    at org.apache.juli.logging.DirectJDKLog.debug(
    at org.apache.catalina.loader.WebappClassLoader.loadClass(
    at org.apache.catalina.loader.WebappClassLoader.loadClass(
    at com.vaadin.sass.internal.ScssStylesheet.get(
    at com.vaadin.sass.internal.ScssStylesheet.get(
    at com.vaadin.server.VaadinServlet.serveOnTheFlyCompiledScss(
    at com.vaadin.server.VaadinServlet.serveStaticResourcesInVAADIN(
    at com.vaadin.server.VaadinServlet.serveStaticResources(
    at com.vaadin.server.VaadinServlet.service(
    at javax.servlet.http.HttpServlet.service(
    at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(
    at org.apache.catalina.core.ApplicationFilterChain.doFilter(
    at org.apache.catalina.core.StandardWrapperValve.invoke(
    at org.apache.catalina.core.StandardContextValve.invoke(
    at org.apache.catalina.authenticator.AuthenticatorBase.invoke(
    at org.apache.catalina.core.StandardHostValve.invoke(
    at org.apache.catalina.valves.ErrorReportValve.invoke(
    at org.apache.catalina.valves.AccessLogValve.invoke(
    at org.apache.catalina.core.StandardEngineValve.invoke(
    at org.apache.catalina.connector.CoyoteAdapter.service(
    at org.apache.coyote.http11.AbstractHttp11Processor.process(
    at org.apache.coyote.AbstractProtocol$AbstractConnectionHandler.process(
    at java.util.concurrent.ThreadPoolExecutor.runWorker(
    at java.util.concurrent.ThreadPoolExecutor$

This issue seems easy to fix, but i dont know the way…

Hi, I think
this thread
has answer for those eagerly waiting for the new theme.



I tried the new vaadin 7.2.0.beta1 and got the same exception.
I found this thread as I was looking for a solution.
To fix it I have created a “” file in the root of my src folder with the following content:


For some reason, Jetty is not finding the custom console handler that is specified in the file in the sass compiler. I haven’t seen the problem with other servers, but it might well occur on some others as well.

You can either use your own or update the dependency to version 0.9.1 (which does not use the custom console handler) to get around this problem.

Hi Henri,
I have the same problem after upgrading my project to 7.2.0.beta1.
mvn dependency tree shows it uses 0.9.0

± com.vaadin:vaadin-server:jar:7.2.0.beta1:compile
| ± com.vaadin:vaadin-sass-compiler:jar:0.9.0:compile

can you upgrade it do get rid of the problem for the next beta? Or shall i create a ticket?

IMHO the sass-compiler should only be needed compile time, at least by default. I don’t see too many real use cases for compiling themes dynamically. I have been just
excluding it lately
. If you set up you theme development in a bit different way, this shouldn’t be an issue. It’ll also shring down the war size.


I created to keep track, so that even when the compiler is part of server, it will work in maven build :slight_smile: