2

book of vaadin の第 8 章を読んでいますが、各コンポーネントの CSS スタイルを定義する方法がわかりません。styles.scss でカスタマイズを行いましたが、すべてのカスタマイズがすべてのコンポーネントに適用され、これは望ましくありません。

例

HorizontalLayout hLayout = new HorizontalLayout();
HorizontalLayout hMainLayout = new HorizontalLayout();

hLayout には背景画像があり、hMainLayout にはありません。

これを試してみましたが、うまくいきません。

.v-horizontallayout-hLayout {
     background:url("myimage.jpg");
}

.v-horizontallayout-hMainLayout {
     background: none;
}

何か案が ？

4

2 に答える 2

4

Vaadin は、Java 変数名に基づくスタイルを定義しません。

Component.setStyleName を使用して、カスタム スタイル名をコンポーネントに適用できます。

HorizontalLayout hLayout = new HorizontalLayout();
hLayout.setStyleName("hLayout");

その後、スタイルを一致させることができますv-horizontallayout-hLayout

于 2013-12-13T06:06:39.850 に答える