multi_tasking_schizophrenic
New Member
I'm trying to override a particular widget's style using UiBinder. What am I overlooking?\[code\]<ui:style> /************* * Note #1 *************/ .btnVote { display: inline-block; width: 50px; height: 50px; background: #fff; margin: 5px; text-align: center; outline: none; cursor: pointer; } /************* * Note #2 *************/ .btnVote-up-hovering, .btnVote-down-hovering { background: #ddd; } .btnVote-up-disabled, .btnVote-down-disabled { border-shadow: inset 0 1px 3px #aaa; } .lblName { line-height: 50px; font-size: 40px; padding: 5px 10px; } .clear { clear: both; overflow: auto; } .floatLeft { float: left; }</ui:style><g:HTMLPanel styleName="{style.clear}"> <g:FlowPanel styleName="{style.floatLeft}"> /************* * Note #3 *************/ <g
ushButton ui:field="btnVoteUp" stylePrimaryName="{style.btnVote}"> (+) </gushButton> <gushButton ui:field="btnVoteDown" stylePrimaryName="{style.btnVote}"> (-) </gushButton> </g:FlowPanel> <g:FlowPanel styleName="{style.floatLeft}"> <g:Label ui:field="lblName" stylePrimaryName="{style.lblName}"/> </g:FlowPanel></g:HTMLPanel>\[/code\]Note 1: This rule is being applied and works fineNote 2: This other rules seem to be getting ignored (they don't take effect)Note 3: The default naming for the widget is being reset, hence Note 1 works fine. The base class is set to GOGXR1SCFI instead of gwt-PushButtonWhy aren't they other rules working? When I hover the widget, the class GOGXR1SCFI-up-hovering is indeed set to the widget, but no accompanying CSS.Thanks for your help.
ushButton ui:field="btnVoteUp" stylePrimaryName="{style.btnVote}"> (+) </gushButton> <gushButton ui:field="btnVoteDown" stylePrimaryName="{style.btnVote}"> (-) </gushButton> </g:FlowPanel> <g:FlowPanel styleName="{style.floatLeft}"> <g:Label ui:field="lblName" stylePrimaryName="{style.lblName}"/> </g:FlowPanel></g:HTMLPanel>\[/code\]Note 1: This rule is being applied and works fineNote 2: This other rules seem to be getting ignored (they don't take effect)Note 3: The default naming for the widget is being reset, hence Note 1 works fine. The base class is set to GOGXR1SCFI instead of gwt-PushButtonWhy aren't they other rules working? When I hover the widget, the class GOGXR1SCFI-up-hovering is indeed set to the widget, but no accompanying CSS.Thanks for your help.