Setting styles on different faces of a GWT CustomButton using UiBinder

I'm trying to set style names on different faces of ToggleButton (i.e.
upFace, DownFace, ...). It looks like setting styleName on a face
doesn't work. For example the following won't work:

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

But I noticed when setting the style name on ToggleButton itself...

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

... the generated HTML will look something like this:

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

However, even if I have {style.myToggleButton-up} defined, it is not
populated to GPAKHSCBGG-up. So I'm wondering how can I do this without
having to mock the global .gwt-ToggleButton-up stylesheet. Please
help.

Thanks,
Omid

This question is also posted in StackOverflow here:
http://stackoverflow.com/questions/6945538/setting-styles-on-different-faces-of-a-gwt-custombutton-using-uibiner

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