2017-08-10 7 views
0

vaadinでカスタムCSSに問題があります。私はVaadin custom css

@Theme("valo") 
@SpringUI 
public class MainUI extends UI { 
... 

私MainUI.javaファイルで宣言した場合にすべてがokですすべてがOKです...しかし、私は私の新しいテンプレートを追加する場合。日食の私のプロジェクトフォルダ内: プロジェクト - 新その他-Vadinテーマ

その後、私は私のMainUI.javaファイルを持っている:

@Theme("myCustomTheme") 
@SpringUI 
public class MainUI extends UI { 
... 

そして、私は私のページを更新する場合、私はプレーンテキストのみを参照してください。/

マイテンプレートファイル:

@import "../valo/valo.scss"; 

@mixin myCustomTheme { 
    @include valo; 

    // Insert your own theme rules here 
} 

私はVALOのテーマを持っているが、私はいくつかのCSSルールを変更することができると何ができますか?あなたはVaadin Mavenプラグイン必要

+0

あなたはテーマをコンパイルしたことがありますか?サーバーログにエラーがありますか? – cfrick

+0

テーマはどのようにコンパイルできますか?私は春のブートを使用して –

+0

一般的なアプローチは、vaadin用のプラグインを追加したビルドツールからタスクを実行することです。 – cfrick

答えて

0

:次に

<plugin> 
    <groupId>com.vaadin</groupId> 
    <artifactId>vaadin-maven-plugin</artifactId> 
    <version>${vaadin.version}</version> 
    <executions> 
     <execution> 
      <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> 

を、あなただけのEclipseで、このボタンをクリックすることができます。

enter image description here