2011-01-03 11 views
4

基本的に、私はデフォルトのテーマウィジェットが好きです。ただし、フォントサイズをDecoratedStackPanelウィジェットに変更する必要があります。私はそれがこのようなもので可能であるべきだと思うGWTのウィジェットCSS値を変更するにはどうすればよいですか?

decoratedStackPanel.getElement().getStyle().setProperty("fontSize", "12pt"); 

はしかし、「たfontSizeは、」プロパティの有効な名前ではありませんし、私はすべての要素のプロパティを取得する方法方法見つけることができませんでした。したがって、私は正しいプロパティ名を知らない。

アイデア?

ウィジェットの継承やカスタムCSSの作成については投稿しないでください。私はデフォルトの1つではなくフォントのサイズが好きです。これは可能なはずです。

+0

CSSクラスを特定のクラスに設定してからCSSを書いてスタイルを設定するのは難しいことではありませんが、なぜCSSを書くのが難しいのでしょうか?コードよりも –

+0

小さなウィジェット用にCSSを書くのは大丈夫ですが、これはかなり複雑です – Xorty

答えて

6

fontSizeが正しい場合、使用する最も良い方法は次のとおりです。

decoratedStackPanel.getElement().getStyle().setFontSize(12, Unit.PT); 

しかし、これであなたが望むものが得られるかどうかはわかりません。パネル全体にフォントサイズを設定し、子要素に別のフォントサイズが設定されている場合、その要素で使用されるフォントサイズが設定されます。その場合、特定の要素のためのcssエントリが良いでしょう。たとえば:

.gwt-DecoratedStackPanel .gwt-StackPanelItem { 
    font-size:12pt !important; 
} 

(!重要なのは、この特定のフォントサイズ設定を使用するように強制されます、そしてあなたはこのフォント・サイズが使用されていることを確認したい場合にのみ使用してくださいなしで最初のテストを。)。

+0

大きなこのhaxは働いた;) – Xorty

+0

別の問題...サイズが動作している間、なぜこれはしないのですか? font-weight:ノーマル!重要;同じルールを追加する? – Xorty

+0

実際のテキストにfont-weightは含まれていますが、font-sizeは含まれていないサブ要素である可能性があります。たとえば、chrome browser inspect要素の使用をチェックして、どのプロパティが設定されているかを確認します。 gwtスタイルには太字のフォントがいくつかあるので、それが原因かもしれません。重要な要素を右のCSS要素に設定するだけでこれを修正する必要があります。 –

6
あなたはスタイル属性を設定するDOMクラスを使用することができ

..

DOM.setStyleAttribute(decoratedStackPanel.getElement(), "fontSize", "12pt"); 
+0

"fontSize"が有効な名前であるかどうかわかりません...それは私が尋ねているものです – Xorty

+0

申し訳ありませんが、フォントサイズでなければならないと思います。フォントサイズに有効な値ではありません。それは小さくても、小さくても、小さくても、小さくても、小さくても、12pxでもかまいません... http://www.w3schools.com/css/pr_font_font-size.asp –

+1

fontSizeが正しいことを確認してください。javascriptの属性font-sizeのcss属性ではありません。次のサイトには完全なリファレンスが含まれていますが、fontSizeは作成者が動作することが確認されていませんが、gwtスタイルのソースはfontSizeを使用しています。 http://www.comptechdoc.org/independent/web/cgi/javamanual/javastyle.html – LINEMAN78

1

たfontSizeは、フォントサイズに変換されるだろう

-1

あなたはスタイリングGWTウィジェットのthisthisをチェックすることをお勧めします

関連する問題