Wednesday, March 10, 2010

Re: UiBinder with background-image and ImageResource

this is how I did it.

in whatever.css:

@sprite .myClass {
gwt-image: "myImage";
width: auto; height: auto;
background-repeat: repeat;
background-position: 0% 0%;
}

in Resources.java:

public interface Resources extends ClientBundle {

...

public interface WhateverCss extends CssResource {
String myClass();
}

@Source("com/whoever/client/resources/whatever.css")
public WhateverCss whateverCss();

}

in WhateverClass.ui.xml:

<ui:with field="res" type="com.whoever.client.resources.Resources" /
>

<div class="{res.whateverCss.myClass}">

HTH,
/dave

On Mar 10, 8:52 am, Michael <michael.guy...@gmail.com> wrote:
> Hi there,
>
> I'm having a go at using the declarative layout and was wondering if
> there's a way of using an image declared in a ClientBundle as a
> background-image in the ui:style section, thus:
>
> <ui:UiBinder
>   xmlns:ui="urn:ui:com.google.gwt.uibinder"
>   xmlns:g="urn:import:com.google.gwt.user.client.ui">
>         <ui:with field="res" type="com.mycompany.MyClientBundle"/>
>
>         <ui:style>
>                 .banner {
>                         background-image:url('res.menuBackground');
>                 }
>         </ui:style>
> </ui:UiBinder>
>
> If not, how are you supposed to do that?
>
> Cheers
>
> Mike

--
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.

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home


Real Estate