Tuesday, February 26, 2013

Re: How to override gwt styles in uibinder?

CssResources does not know about the "primary style names" and "dependent style names" concepts of widgets, so ".toggle-down" with be obfuscated to something that does not end in "-down", which the ToggleButton is using.
You have to either:
  • find a unique name for the CSS class, and disable obfuscation (styleName="foo" in the widget, and @external foo-down, foo-down-hovering; in the ui:style)
  • or combine the default .gwt-ToggleButton-down with your own css class: addStyleNames="{style.toggle}" in the widget, and @external gwt-*; .toggle.gwt-ToggleButton-down in the ui:style (note: no space between .toggle and .gwt-ToggleButton-down); this won't work in some versions of IE though.

On Tuesday, February 26, 2013 1:13:04 PM UTC+1, membersound wrote:
I want to override button gwt styles directly in uibinder. But why does the following not work?

<g:ToggleButton styleName="{style.toggle}" />

<ui:style>
.toggle-down, .toggle-down-hovering {
  background: red !important;
  background-color: red!important;
}

</ui:style>

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

No comments:

Post a Comment