I've had great success using the 'sliding doors' technique for buttons. Just google for the phrase - here is a good example of the css needed - http://www.jorkas.com/lab/css/rounded_button/index.html
I basically just created my own 'MyButton' class which extends InlineHTML and populates it with the html needed for the button, e.g.: "<a href=\"#\" onclick=\"javascript: return false\" class=\"myButton \"><span>" + buttonLabelHtml + "</span></a>" Then, I can instantiate with whatever label i want when I need a button, add clickListeners, etc. On Jan 2, 4:00 am, dduck <anders.johansen.a...@gmail.com> wrote: > Hi, > > I would like to make abuttonthat looks like this: > > (|| text ||) > > ...where ( is a rounded left-end of thebutton, ) is a rounded right- > end of thebutton, || is a background and "text" can be specified e.g. > at creation. Thus, all buttons of this type would share the same > style, but not the same text on the face of it. Examples: > > (|| OK ||) > (|| My very longbuttontext ||) > > How would I go about this, without having to generate each individualbuttonas > an image in my drawing program? > > Anders --~--~---------~--~----~------------~-------~--~----~ 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+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/Google-Web-Toolkit?hl=en -~----------~----~----~----~------~----~------~--~---
