Thanks Chris and sorry I am replying to this post very late. The
problem is I don't see how do I use it for background images.
I want to be able to display a background icon inside a DateBox (i.e.
calendar.gif) and as far as I understand I have to define the
style .datebox using the @sprite.
The way you have described it above how would you set the Image to
appear as a the background of a DateBox ?
thanks
Shahid
On Feb 12, 8:21 pm, Chris Ramsdale cramsd...@google.com wrote:
Why not reference your styles from a CssResource that itself is wrapped in a
ClientBundle? Something like:
*Resources.java*
public interface Resources extends ClientBundle {
public static final Resources INSTANCE = GWT.create(Resources.class);
@Source(UiStyles.css)
public MyUiStyles uiStylesCss();
@Source(calendar.png)
public ImageResource calendar();
}
*MyUiStyles.java*
*
public interface ImagesDialogCss extends CssResource {
public String datebox();}
*
*
*
*MyDialog.ui.xml*
ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
xmlns:g='urn:import:com.google.gwt.user.client.ui'
ui:with field='resources' type='com.google.gwt.sample.client.Resources'/
g:VerticalPanel
g:Image addStyleNames='{resources.uiStylesCss.datebox}'
ui:field='someFieldId' /
/g:VerticalPanel
/ui:UiBinder
I might be overlooking some details, but you should be able to use the above
to share your UiStyles.css w/o having to declare an associated ui:image
element all over the place.
-- Chris
On Fri, Feb 12, 2010 at 3:59 AM, shahid shahidza...@gmail.com wrote:
I started using the UiBinder for various forms in my application. I
have created a UiStyles.css (with a CssResource interface called Css)
under the main client package and would like to use that in all
packages across the application. The problem is I am using a sprite in
the stylesheet for a background image as:
@sprite .datebox { gwt-image:calendar; width : 150px !important;
height : 24px !important; padding : 2px; background-position : right
center !important; }
and I refer to the stylesheet in the ui.xml as:
ui:style src='../UiStyles.css' /
and for the sprite I have the following line in the ui.xml :
ui:image field=calendar src='../StaticResources/images/
calendar.png' /
Now I thought I should only need this in the ui.xml file that is using
the .datebox style. But I see that if I refer to the UiStyles.css in
any ui.xml (even if it does use the above sprite), it requires the
ui:image field=calendar src='../StaticResources/images/
calendar.png' /
otherwise it fails to compile
[ERROR] Unable to find ImageResource method calendar in ...
packagename
--
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-tool...@googlegroups.com.
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.comgoogle-web-toolkit%2bunsubscr...@googlegroups.com
.
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
--
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-tool...@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.