2016-12-31 5 views
0

私は内蔵のVaadinのテーマ使用し、この時点では、H3のラベルを作成しようとしている - ValoTheme.Thisは、私は新しいラベルを作成する方法である:スタイルのラベルのフォントサイズ

Label label = new Label(); 
label.setCaption("myLabel"); 
label.setStyleName(ValoTheme.LABEL_H3); 

しかし、いくつかの理由で、ラベル無秩序なままです。 質問は - どのようにCSSを使用せずにスタイリッシュなラベルをすることができますか?

おかげ

P.SのUIクラスは@theme(ValoTheme.THEME_NAME)

アップデートでアノテートされています。上記のようにValoThemeスタイリングで主要ボタンを作る、すべてが完璧に動作します。

+1

は残念ながら、これはどちらか動作しませんaddStyleNameの代わりsetStyleName –

+0

で試してみてください役に立てば幸い。 – Reborn

答えて

1

調査に時間がかかり、最適な解決策が見つかりました。問題は 'label.setCaption(caption);'に関連しています。メソッドはコンポーネントのキャプションを設定しますが、オブジェクトのカスタマイズは拒否されます。

@AndréSchildの提案に感謝します。だから私は、これら二つの小さなソリューションをテストし、彼らがうまく働いた:

Label label = new Label(caption); 
label.setStyleName(ValoTheme.LABEL_H3); 

Label label = new Label(caption); 
label.addStyleName(ValoTheme.LABEL_H3); 

を、私はそれが誰か

+1

お気づきのように、Labelコンポーネントには「値」と「キャプション」の両方があります。キャプションは、レイアウトがレンダリングするものですが、値は実際にスタイル名に影響します。 Labelは読み込み専用のTextFieldのように考えることができます。どちらもキャプションを持ち、キャプションの下にテキストがあります。 – Jouni

関連する問題