2017-01-07 8 views
0

デフォルトでは、UIクラスに@Theme(themename)というアノテーションを付けることで、バージンバネ起動アプリケーションにスタイリングを適用できます。私の特定の状況では、私は@Theme(ValoTheme.THEME_NAME)と注釈を付けましたが、それは終わっていません。残念ながら、私はCSSと余分なファイルを扱わずにレイアウトの背景を設定する方法を理解していませんでした(そして、唯一の解決策は避けられないようです)。バネ起動アプリケーションで複数のテーマを使用する

valothemeとcustomの両方のテーマ(同時に背景画像を設定する)を同時に使用するにはどうすればよいですか?提案

答えて

1

ため

多くのおかげであなたは、あなた自身のカスタムテーマにVaadinのテーマを拡張することができます。 enumorous試みがそれを成し遂げるために

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

@mixin mytheme { 
    @include valo; 

    // your own scss here 
} 
+0

私はすべてのスタイリングをCSSファイルに切り替えることを余儀なくされました。しかし、私はmavenプロジェクトを生成しました(vaadinプラグインのように、テーマフォルダは付いていません)。どこでどのようにフォルダを指定し、どのファイルが必要ですか?私はIntelliJ Eclipseを好むことを覚えておいてください。(プロジェクト全体をEclipseに変換すると致命的になる可能性があります) – Reborn

+0

私の悪い質問は、答えを見つけました:https://vaadin.com/forum#!/thread/9721905 – Reborn

0

した後、私は、CSSスタイルファイルを切り替えることを余儀なくされました:あなたがテーマにVALOのテーマを拡張する場合は、VALOのテーマに加えて、独自のカスタマイズや追加を取得します。それが言われて - 私はValoThemeと私自身の "スタイル"を組み合わせなければなりませんでした。春ブーツのDevについては

当初春ブーツ(EclipseとNetbeansのためのvaadinプラグインはそれをしない)カスタムスタイルのための任意のプリセットを生成しないので、手動でフォルダを作成する必要があります。そこ src/main/webapp/VAADIN/themes/<yourthemename>/と場所、必要なcssファイル。

Quicktip:

時間レスのかかる方法:

  1. ここから新しいvaadinプロジェクトを作成します。Link
  2. がテーマのフォルダを見つけて、あなたのプロジェクト
  3. にペーストをコピーも行いますUIに注釈を付けることを忘れないでください@Theme("myTheme")

これは誰かを助けることを願っています

関連する問題