Monday, October 31, 2011

Re: LayoutPanel - how to set background image?

In Uibinder specify your image on src attribute of <ui:image> tag,
Inside the <ui:style> attribute specify your @sprite.backgroundPicture
tag. Try the below example.

S. Abraham
www.DataStoreGwt.com
Persist objects directly in Google App Engine

<?xml version="1.0" encoding="UTF-8"?>
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'>

<ui:image field='backgroundPicture' src='easyxbrl_logo_1.png' />

<ui:style>
@sprite .backgroundPicture {
gwt-image: 'backgroundPicture';
float: left;
margin-top:5px;
margin-bottom:5px;
margin-left: 50px;

}
</ui:style>
<g:LayoutPanel styleName="{style.backgroundPicture}"/>
</ui:binder>


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

No comments:

Post a Comment