Add your image in project directory. Add the .gwt-Button Property in
global css file. Edit the property in background:url(your_image)
repeat-x;
.gwt-Button {
margin: 0;
padding: 5px 7px;
text-decoration: none;
cursor: pointer;
cursor: hand;
background: url("images/hborder.png") repeat-x ;
-moz-border-radius: 3px;
}
S. Abraham
www.DataStoreGwt.com
Persist objects directly in Google App Engine
On Oct 17, 3:22 pm, Kotuboy <[email protected]> wrote:
> Hi
> I am trying to use an image as a background of a button. I defined the image
> as a resource in client bundle.
>
> @Source("image/hborder.png")
> ImageResource hBorder();
>
> In the css file, I tried to reference this image with the following code
>
> .gwt-Button {
> margin: 0;
> padding: 3px 5px;
> text-decoration: none;
> font-size: small;
> cursor: pointer;
> cursor: hand;
> gwt-image:'hBorder' ;
> background: repeat-x 0px -27px;
> border: 1px outset #ccc;
>
> }
>
> But the image is not shown. What should I change??
>
> Where is the problem..?
>
> Thanks
>
> kayser
--
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.
