How to get addon theme included in my application theme

James220 · January 9, 2017, 6:13pm

I am using ResizableCssLayout Add-on. I want to use css files from this addon. This should be automatically done by addons.scss which is generated during theme compilation. Unfortunately, The generated addons.cscc doesn’t have any entry to include scss files. Actually it generates the following file content:

/* This file is automatically managed and will be overwritten from time to time. /
/ Do not manually edit this file. */

/* Import and include this mixin into your project theme to include the addon themes */
@mixin addons {
}

I downloaded ResizableCssLayout Add-on demo. It works fine with theme without recompiling theme. Once I compile theme, original addons.scss is replaced with the above contents.

I am frustracted with Vaadin. I am evaluating Vaadin for my company. I may give it up and ask my company to switch to pure GWT.

Thanks,

Johannes10 · January 10, 2017, 6:05am

I tried with a project created using vaadin-archetype-application and the addons.scss was properly generated in both Eclipse and command line using vaadin-maven-plugin. Can you post your pom.xml?

James220 · January 10, 2017, 2:08pm

<?xml version="1.0" encoding="UTF-8"?>

<project xmlns=“http://maven.apache.org/POM/4.0.0” xmlns:xsi=“http://www.w3.org/2001/XMLSchema-instance”

xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">

<modelVersion>4.0.0</modelVersion>




<groupId>com.p28</groupId>

<artifactId>dashboard</artifactId>

<packaging>war</packaging>

<version>1.0-SNAPSHOT</version>

<name>dashboard</name>




<prerequisites>

    <maven>3</maven>

</prerequisites>




<properties>

    <vaadin.version>7.7.6</vaadin.version>

    <vaadin.plugin.version>7.7.6</vaadin.plugin.version>

    <jetty.plugin.version>9.3.9.v20160517</jetty.plugin.version>

    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>

    <maven.compiler.source>1.8</maven.compiler.source>

    <maven.compiler.target>1.8</maven.compiler.target>

    <!-- If there are no local customisations, this can also be "fetch" or "cdn" -->

    <vaadin.widgetset.mode>local</vaadin.widgetset.mode>

</properties>




<repositories>

    <repository>

        <id>vaadin-addons</id>

        <url>http://maven.vaadin.com/vaadin-addons</url>

    </repository>

</repositories>




<dependencyManagement>

    <dependencies>

        <dependency>

            <groupId>com.vaadin</groupId>

            <artifactId>vaadin-bom</artifactId>

            <version>${vaadin.version}</version>

            <type>pom</type>

            <scope>import</scope>

        </dependency>

    </dependencies>

</dependencyManagement>




<dependencies>

    <!-- https://mvnrepository.com/artifact/org.apache.commons/commons-csv -->

    <dependency>

        <groupId>org.apache.commons</groupId>

        <artifactId>commons-csv</artifactId>

        <version>1.4</version>

    </dependency>

    <!-- https://mvnrepository.com/artifact/org.jfree/jfreesvg -->

    <dependency>

        <groupId>org.jfree</groupId>

        <artifactId>jfreesvg</artifactId>

        <version>3.2</version>

    </dependency>

    

    <dependency>

        <groupId>javax.servlet</groupId>

        <artifactId>javax.servlet-api</artifactId>

        <version>3.0.1</version>

        <scope>provided</scope>

    </dependency>

    <dependency>

        <groupId>com.vaadin</groupId>

        <artifactId>vaadin-server</artifactId>

    </dependency>

    <dependency>

        <groupId>com.vaadin</groupId>

        <artifactId>vaadin-push</artifactId>

    </dependency>

    <dependency>

        <groupId>com.vaadin</groupId>

        <artifactId>vaadin-client-compiled</artifactId>

    </dependency>

    <dependency>

        <groupId>com.vaadin</groupId>

        <artifactId>vaadin-themes</artifactId>

    </dependency>

    <dependency>

       <groupId>com.vaadin.pekka</groupId>

       <artifactId>resizablecsslayout</artifactId>

       <version>1.1.0</version>

    </dependency>

    <dependency>

       <groupId>org.vaadin.addons</groupId>

       <artifactId>sizereporter</artifactId>

       <version>0.1.4</version>

    </dependency>

</dependencies>




<build>

    <plugins>

        <plugin>

            <groupId>org.apache.maven.plugins</groupId>

            <artifactId>maven-war-plugin</artifactId>

            <version>2.6</version>

            <configuration>

                <failOnMissingWebXml>false</failOnMissingWebXml>

                <!-- Exclude an unnecessary file generated by the GWT compiler. -->

                <packagingExcludes>

                    **/VAADIN/gwt-unitCache/**,

                    **/VAADIN/widgetsets/WEB-INF/**,

                    **/WEB-INF/lib/servlet-api-*.jar,

                    **/WEB-INF/lib/vaadin-client-*.jar,

                    **/WEB-INF/lib/jetty-*.jar,

                    **/WEB-INF/lib/ant-*.jar,

                    **/WEB-INF/classes/gwt-unitCache/**,

                    **/WEB-INF/classes/themes/**,

                    **/WEB-INF/classes/widgetsets/**

                </packagingExcludes>

            </configuration>

        </plugin>

        <plugin>

          <groupId>org.apache.maven.plugins</groupId>

          <artifactId>maven-source-plugin</artifactId>

          <executions>

            <execution>

              <id>attach-sources</id>

              <goals>

                <goal>jar</goal>

              </goals>

            </execution>

          </executions>

          <configuration>

            <attach>true</attach>

          </configuration>

        </plugin>

        <plugin>

            <groupId>com.vaadin</groupId>

            <artifactId>vaadin-maven-plugin</artifactId>

            <version>${vaadin.plugin.version}</version>

            <configuration>

                <extraJvmArgs>-Xmx512M -Xss1024k</extraJvmArgs>

                <webappDirectory>${basedir}/src/main/webapp/VAADIN/widgetsets</webappDirectory>

                <hostedWebapp>${basedir}/src/main/webapp/VAADIN/widgetsets</hostedWebapp>

                <noServer>true</noServer>

                <persistentunitcachedir>${basedir}/target/tmp/gwt-unitCache</persistentunitcachedir>

                <compileReport>true</compileReport>

                <strict>true</strict>

                <runTarget>http://localhost:8686/</runTarget>

                <bindAddress>0.0.0.0</bindAddress>

                <!-- 

                <style>DETAILED</style>

                 -->

            </configuration>

            <executions>

                <execution>

                    <configuration>

                        <!-- if you don't specify any modules, the plugin will find them -->

                    </configuration>

                    <goals>

                        <goal>update-theme</goal>

                        <goal>update-widgetset</goal>

                        <goal>compile</goal>

                        <!-- Comment out compile-theme goal to use on-the-fly theme compilation -->

                        <goal>compile-theme</goal>

                    </goals>

                </execution>

            </executions>

        </plugin>

        <plugin>

            <groupId>org.apache.maven.plugins</groupId>

            <artifactId>maven-clean-plugin</artifactId>

            <version>3.0.0</version>

            <!-- Clean up also any pre-compiled themes -->

            <configuration>

                <filesets>

                    <fileset>

                        <directory>${basedir}/src/main/webapp/VAADIN/themes</directory>

                        <includes>

                            <include>**/styles.css</include>

                            <include>**/styles.scss.cache</include>

                        </includes>

                    </fileset>

                    <fileset>

                        <!-- Clean-up widgetset required for "inplace" compilation -->

                        <directory>${basedir}/src/main/webapp/VAADIN/widgetsets</directory>

                    </fileset>

                    <fileset>

                        <!-- Clean-up gwt cache -->

                        <directory>${basedir}/src/main/webapp/VAADIN/gwt-unitCache</directory>

                    </fileset>

                </filesets>

            </configuration>

        </plugin>




        <!-- The Jetty plugin allows us to easily test the development build by

            running jetty:run on the command line. -->

        <plugin>

            <groupId>org.eclipse.jetty</groupId>

            <artifactId>jetty-maven-plugin</artifactId>

            <version>${jetty.plugin.version}</version>

            <configuration>

                <scanIntervalSeconds>2</scanIntervalSeconds>

                <httpConnector>

                  <!--host>localhost</host-->

                  <port>8686</port>

                </httpConnector>

            </configuration>

        </plugin>

    </plugins>

    

    <pluginManagement>

        <plugins>

            <!--This plugin's configuration is used to store Eclipse m2e settings only. It has no influence on the Maven build itself.-->

            <plugin>

                <groupId>org.eclipse.m2e</groupId>

                <artifactId>lifecycle-mapping</artifactId>

                <version>1.0.0</version>

                <configuration>

                    <lifecycleMappingMetadata>

                        <pluginExecutions>

                            <pluginExecution>

                                <pluginExecutionFilter>

                                    <groupId>com.vaadin</groupId>

                                    <artifactId>vaadin-maven-plugin</artifactId>

                                    <versionRange>

                                        [${vaadin.plugin.version},)

                                    </versionRange>

                                    <goals>

                                        <goal>resources</goal>

                                        <goal>update-widgetset</goal>

                                        <goal>compile</goal>

                                        <goal>update-theme</goal>

                                        <goal>compile-theme</goal>

                                    </goals>

                                </pluginExecutionFilter>

                                <action>

                                    <ignore></ignore>

                                </action>

                            </pluginExecution>

                        </pluginExecutions>

                    </lifecycleMappingMetadata>

                </configuration>

            </plugin>

        </plugins>

    </pluginManagement>

</build>




<profiles>

    <profile>

        <!-- Vaadin pre-release repositories -->

        <id>vaadin-prerelease</id>

        <activation>

            <activeByDefault>false</activeByDefault>

        </activation>




        <repositories>

            <repository>

                <id>vaadin-prereleases</id>

                <url>http://maven.vaadin.com/vaadin-prereleases</url>

            </repository>

            <repository>

                <id>vaadin-snapshots</id>

                <url>https://oss.sonatype.org/content/repositories/vaadin-snapshots/</url>

                <releases>

                    <enabled>false</enabled>

                </releases>

                <snapshots>

                    <enabled>true</enabled>

                </snapshots>

            </repository>

        </repositories>

        <pluginRepositories>

            <pluginRepository>

                <id>vaadin-prereleases</id>

                <url>http://maven.vaadin.com/vaadin-prereleases</url>

            </pluginRepository>

            <pluginRepository>

                <id>vaadin-snapshots</id>

                <url>https://oss.sonatype.org/content/repositories/vaadin-snapshots/</url>

                <releases>

                    <enabled>false</enabled>

                </releases>

                <snapshots>

                    <enabled>true</enabled>

                </snapshots>

            </pluginRepository>

        </pluginRepositories>

    </profile>

</profiles>