0

Vaadinの textfield の Text を編集しようとしています。次の情報のみを含むファイル (\WebContent\VAADIN\themes\loginthemes\style.css) を作成しました。

textstyle      {  
   font-family: HelveticaRounded; 
   font-size: 40px;
   font-style: bold;
}

そして、私のJavaファイル内には次のものがあります：

TextField username = new TextField("Username: ");
username.setStyleName("style");
// I also tried username.setStyleName("loginthemes");

テキストフィールドのテキストは同じままです。

4

2 に答える 2

5

Jan Galinski が言ったように、適切なテーマを定義する必要があります。「logintheme」という名前の場合は、VAADIN/theme/logintheme/style.scssを次のように作成する必要があります。

@import "../reindeer/reindeer.scss";
.logintheme {
    @include reindeer;

    .textstyle {  
        font-family: HelveticaRounded; 
        font-size: 40px;
        font-style: bold;
    }
}

それを使用するように UI に指示します。

@Theme("logintheme")
    public class MyUI extends UI {
}

また、setStyleName()の使用法が正しくありません。パラメーターは、テーマの名前ではなく、CSS クラスの名前です。したがって、あなたの場合、次のようになります。

TextField username = new TextField("Username: ");
username.setStyleName("textstyle");
于 2013-05-24T09:43:17.907 に答える
1

UI クラスでテーマを指定する必要があります。

@Theme("logintheme")
public class MyUI extends UI {
}

また、@import を介して既存のテーマを参照する必要があります。そうしないと、テーマが非常に「縮小」されたように見えます。

于 2013-05-23T21:56:40.637 に答える