2011-08-04 11 views
1

ToggleButtonの異なる面にスタイル名(つまり、upFace、downFaceなど)を設定しようとしています。顔のstyleNameを設定しても動作しないようです。 UiBinderを使用してGWT CustomButtonの異なる面にスタイルを設定する

<g:ToggleButton> 
    <g:upFace styleName='{style.myToggleButton-up}' /> 
</g:ToggleButton> 
をしかし、私は...

<g:ToggleButton styleName='{style.myToggleButton}' /> 

をトグルボタン自体のスタイル名を設定するときに...生成されたHTMLは次のようになります気づいた:たとえば、以下は動作しません

<div class="GPAKHSCBGG GPAKHSCBGG-up" role="button" aria-pressed="false">...</div> 

しかし、{style.myToggleButton-up}が定義されていても、GPAKHSCBGG-upに入力されません。だから私はグローバルな.gwt-ToggleButton-upスタイルシートを模倣しなくても、これをどうやってやれるのだろうかと思っています。助けてください。

答えて

0

ソリューション:

は@external myToggleButton、myToggleButtonアップを追加します。 to ui:バインダーファイル。

1

http://examples.roughian.com/index.htm#Widgets~ToggleButton

すべてのGWTコンポーネントを使用すると、定義を上書きしませんでした試みたものを事前に定義されたCSSクラス定義を、持っています。

+0

グローバルな.cssファイルでスタイルシートを定義する場合(styleNameまたはstylePrimaryNameのいずれかを設定してください)にのみ機能します。しかし、.ui.xmlファイルのにスタイルを定義するときにはうまくいかないようです。私はこれについての解決策をまだ見つけていないし、GWTバグや機能不足のように見える。 – orad

関連する問題