I'm trying to get a ToggleButton to work with a transparent PNG image
which gets background color by CSS styles. It looks like a
CustomButton can get only one of image or style but not both of them.
I tried the followings to no avail:
<g:ToggleButton title="first try">
<g:upFace image='{images.imageWithTransparentBackground}'
styleName='{style.blueBackground}' />
<g:downFace image='{images.imageWithTransparentBackground}'
styleName='{style.redBackground}' />
</g:ToggleButton>
<g:ToggleButton title="second try">
<g:upFace image='{images.imageWithTransparentBackground}'>
<div class='{style.blueBackground}'></div>
</g:upFace>
<g:downFace image='{images.imageWithTransparentBackground}'>
<div class='{style.REDBackground}'></div>
</g:downFace>
</g:ToggleButton>
I don't want to use the global CSS space (i.e .gwt-ToggleButton-up
and .gwt-ToggleButton-down), and I don't want to set the background
image as background-image CSS since I will have many buttons. Any
ideas how to get this working?
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
