Here is kind-a workaraound that worked for me:
in cell widget declarative ui add following:
========================
<ui:UiBinder ...>
...
<ui:with field="loadingIcon"
type="com.google.gwt.safehtml.shared.SafeHtml"/>
...
<div>
<ui:safehtml from='{loadingIcon}'/>
</div>
</ui:UiBinder>
=========================
In the code then:
=========================
...
interface MyUiRenderer extends UiRenderer {
...
void render(SafeHtmlBuilder sb, ... ,SafeHtml loadingIcon);
...
}
@Override
public void render(Context context, ..., SafeHtmlBuilder sb) {
if (value == null) {
return;
}
ImageResourceRenderer imageRenderer = new ImageResourceRenderer();
renderer.render(sb, ... ,imageRenderer.render(images.checkOk()));
}
=========================
On Monday, February 8, 2010 1:49:22 AM UTC-8, cpm wrote:
>
> I'm another one finding that the resource="{res.myImage}" just won't
> work.
>
> My findings are that I can have just <ui:image field="myImage" /> in
> the file along with an @sprite .logo { gwt-image: "myImage"; } and as
> long as I have an image file called myImage.png in the same package/
> directory it'll work.
> You don't seem to need a resource="" or src="" on the ui:image tag at
> all - the field attribute is the name of the image it'll look for
> unless you add a src attribute. This would explain why emerix was
> getting an "No com.google.gwt.resources.client.ClientBundle $Source
> annotation and no resources found with default extensions " error
> with:
>
> <ui:image field='logo' resource='../resources/my_logo.png'></ui:image>
>
> It's just ignoring the resource attribute and looking for a logo.png
> file instead.
>
> The src attribute seems to work like the @Source annotation you would
> put in a ResourceBundle, such as:
>
> @Source("myLogo.png")
> ImageResource logo();
>
> I would expect this to be the same as:
>
> <ui:image field="logo" src="myLogo.png" />
>
>
> The same seems to apply then when you try to use <ui:image
> field="logo" resource="{res.myLogo}" />
> The resource attribute is ignored and its still looking for a logo.png
> in the current directory and flagging an error that no Source
> annotation has been given.
> What you need to do to get the resource atrribute to work, I've no
> idea, but it would be a neater solution if it did work.
>
> but I got the error :
>
> On Jan 18, 5:12 pm, emerix <rafa...@gmail.com> wrote:
> > Hi,
> >
> > I'm also still looking for some documentation on this <ui:image> tag.
> > (and the other tags also : ui:data, ui:attribute, ...)
> >
> > Do anyone know how to put absolute path in the src attribute ?
> > <ui:image field="myImage" src="com/mycompany/path/to/myImage.png"></
> > ui:image>
> > doesn't work :/
> >
> > Using relative path works but I have to change it every time I copy
> > the code to another widget :/
> >
> > ++emerix
> >
> > On Jan 17, 6:05 pm, Nico <nicolas.antonia...@gmail.com> wrote:
> >
> > > Thanks emerix for the src="" tips. It helped me a lot.
> >
> > > I have the same problem when I use resource="{res.myImage}" ...
> >
> > > I have declared the <ui:with field ..> targeting the right Resource
> > > class but I always have an error that says : No
> > > com.google.gwt.resources.client.ClientBundle$Source annotation and no
> > > resources found with default extensions
> >
> > > However, I don't know where to find doc about <ui:image> tag. Where
> > > did you find that there was a src or a resource attribute ? directly
> > > in the source code ?
> > > Thanks a lot.
> >
> > > Nicolas
> >
> > > On 12 jan, 17:24, Chris Ramsdale <cramsd...@google.com> wrote:
> >
> > > > Do you have the following in your ui.xml file:
> >
> > > > <ui:with field='res' type='com.google.gwt.sandbox.client.Resources'/>
> >
> > > > ...where 'com.google.gwt.sandbox.client.Resources' is replaced with
> your
> > > > resources class.
> >
> > > > On Thu, Jan 7, 2010 at 5:24 AM, emerix <rafa...@gmail.com> wrote:
> > > > > Hello,
> >
> > > > > I tried using relative paths for the resource property :
> > > > > <ui:image field='logo'
> resource='../resources/my_logo.png'></ui:image>
> >
> > > > > but I got the error : No
> com.google.gwt.resources.client.ClientBundle
> > > > > $Source annotation and no resources found with default extensions
> >
> > > > > if I use the src property, everything is ok :
> > > > > <ui:image field='logo' src='../resources/my_logo.png'></ui:image>
> >
> > > > > hope someone find this useful :)
> >
> > > > > However what I really wanted is using your 2nd solution :
> > > > > <ui:image field='logo' resource='{res.logo}'></ui:image>
> > > > > but when I load the page I also get the error : No
> > > > > com.google.gwt.resources.client.ClientBundle$Source annotation and
> no
> > > > > resources found with default extensions
> >
> > > > > am I missing something ?
> >
> > > > > thanks a lot :)
> >
> > > > > ++emerix
> >
> > > > > On Jan 4, 11:15 pm, Chris Ramsdale <cramsd...@google.com> wrote:
> > > > > > One option would be to use relative paths within the <ui:image>
> element.
> > > > > For
> > > > > > example:
> >
> > > > > > <ui:image field='logo'
> resource='../resources/my_logo.png'></ui:image>
> >
> > > > > > Another option would be to use <ui:with>, get a hold of the
> ClientBundle,
> > > > > > and reference an image within it.
> >
> > > > > > public interface Resources extends ClientBundle {
> > > > > > @Source("com/google/gwt/sandbox/resources/my_logo.png")
> > > > > > ImageResource logo();
> >
> > > > > > }
> >
> > > > > > <ui:UiBinder>
> > > > > > ...
> > > > > > <ui:with field='res'
> type='com.google.gwt.sandbox.client.Resources'/>
> > > > > > <ui:image field='logo' resource='{res.logo}'></ui:image>
> > > > > > ...
> > > > > > </ui:UiBinder>
> >
> > > > > > Underscores within the filename are completely valid (the above
> examples
> > > > > > compile and run w/o issue).
> >
> > > > > > On Thu, Dec 31, 2009 at 3:30 AM, Daniel <doubleagen...@gmail.com>
> wrote:
> > > > > > > Here's a valid ui.xml file:
> >
> > > > > > > <?xml version="1.0" encoding="UTF-8"?>
> > > > > > > <!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/
> > > > > > > xhtml.ent">
> >
> > > > > > > <ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
> > > > > > > xmlns:g="urn:import:com.google.gwt.user.client.ui">
> >
> > > > > > > <ui:style field="IekyStyle">
> > > > > > > .anchorWrapper a {
> > > > > > > display: block;
> > > > > > > }
> >
> > > > > > > @sprite .left {
> > > > > > > gwt-image: 'left';
> > > > > > > }
> >
> > > > > > > @sprite .logo {
> > > > > > > gwt-image: 'logo';
> > > > > > > background-position: 0 -197px;
> > > > > > > height: 197px;
> > > > > > > }
> >
> > > > > > > div.logo:hover {
> > > > > > > background-position: 0 0;
> > > > > > > }
> >
> > > > > > > @sprite .slogans {
> > > > > > > gwt-image: 'animatedSloganArea';
> > > > > > > }
> >
> > > > > > > @sprite .menuTop {
> > > > > > > gwt-image: 'menuTop';
> > > > > > > }
> >
> > > > > > > @sprite .right {
> > > > > > > gwt-image: 'right';
> > > > > > > }
> >
> > > > > > > @sprite .home {
> > > > > > > gwt-image: 'home';
> > > > > > > height: 25px;
> > > > > > > }
> >
> > > > > > > div.home:hover {
> > > > > > > background-position: 0 -25px;
> > > > > > > }
> >
> > > > > > > @sprite .services {
> > > > > > > gwt-image: 'services';
> > > > > > > height: 25px;
> > > > > > > }
> >
> > > > > > > div.services:hover {
> > > > > > > background-position: 0 -25px;
> > > > > > > }
> >
> > > > > > > @sprite .about {
> > > > > > > gwt-image: 'about';
> > > > > > > height: 25px;
> > > > > > > }
> >
> > > > > > > div.about:hover {
> > > > > > > background-position: 0 -25px;
> > > > > > > }
> >
> > > > > > > @sprite .contact {
> > > > > > > gwt-image: 'contact';
> > > > > > > height: 25px;
> > > > > > > }
> >
> > > > > > > div.contact:hover {
> > > > > > > background-position: 0 -25px;
> > > > > > > }
> >
> > > > > > > @sprite .menuBottom {
> > > > > > > gwt-image: 'menuBottom';
> > > > > > > }
> >
> > > > > > > @sprite .floatingBar {
> > > > > > > gwt-image: 'floatingBarArea';
> > > > > > > }
> >
> > > > > > > @sprite .bottom {
> > > > > > > gwt-image: 'bottom';
> > > > > > > }
> > > > > > > </ui:style>
> >
> > > > > > > <ui:image field="about" resource="about.png"></ui:image>
> > > > > > > <ui:image field="animatedSloganArea"
> > > > > > > resource="animatedSloganArea.png"></ui:image>
> > > > > > > <ui:image field="bottom" resource="bottom.png"></ui:image>
> > > > > > > <ui:image field="contact" resource="contact.png"></ui:image>
> > > > > > > <ui:image field="floatingBarArea"
> resource="floatingBarArea.png"></
> > > > > > > ui:image>
> > > > > > > <ui:image field="home" resource="home.png"></ui:image>
> > > > > > > <ui:image field="left" resource="left.png"></ui:image>
> > > > > > > <ui:image field="logo" resource="logo.png"></ui:image>
> > > > > > > <ui:image field="menuBottom"
> resource="menuBottom.png"></ui:image>
> > > > > > > <ui:image field="menuTop" resource="menuTop.png"></ui:image>
> > > > > > > <ui:image field="right" resource="right.png"></ui:image>
> > > > > > > <ui:image field="services" resource="services.png"></ui:image>
> >
> > > > > > > <g:HTMLPanel>
> > > > > > > <div class="{IekyStyle.anchorWrapper}">
> > > > > > > <table border="0" cellspacing="0.0" cellpadding="0">
> > > > > > > <tr>
> > > > > > > <td rowspan="6"><div class="{IekyStyle.left}" /></td>
> > > > > > > <td rowspan="6"><a href="#home"><div
> > > > > > > class="{IekyStyle.logo}" /></a></td>
> > > > > > > <td colspan="5"><div
> class="{IekyStyle.slogans}"></div></td>
> > > > > > > </tr>
> > > > > > > <tr>
> > > > > > > <td colspan="4"><div
> class="{IekyStyle.menuTop}"></div></td>
> > > > > > > <td rowspan="5"><div
> class="{IekyStyle.right}"></div></td>
> > > > > > > </tr>
> > > > > > > <tr>
> > > > > > > <td><a href="#home"><div class="{IekyStyle.home}"
> /></a></
> > > > > > > td>
> > > > > > > <td><a href="#business_services"><div
> > > > > > > class="{IekyStyle.services}" /></a></td>
> > > > > > > <td><a href="#about"><div class="{IekyStyle.about}"
> /></a></
> > > > > > > td>
> > > > > > > <td><a href="#contact"><div
> class="{IekyStyle.contact}" /></
> > > > > > > a></td>
> > > > > > > </tr>
> > > > > > > <tr>
> > > > > > > <td colspan="4"><div
> class="{IekyStyle.menuBottom}"></div></
> > > > > > > td>
> > > > > > > </tr>
> > > > > > > <tr>
> > > > > > > <td colspan="4"><div
> class="{IekyStyle.floatingBar}"></div></
> > > > > > > td>
> > > > > > > </tr>
> > > > > > > <tr>
> > > > > > > <td colspan="4"><div
> class="{IekyStyle.bottom}"></div></td>
> > > > > > > </tr>
> > > > > > > </table>
> > > > > > > </div>
> > > > > > > </g:HTMLPanel>
> >
> > > > > > > </ui:UiBinder>
> >
> > > > > > > It's the lines that read <ui:image> that I'm somewhat bothered
> by. If
> > > > > > > I rename the image to 'animatedSloganArea.png' to
> > > > > > > 'animated_slogan_area.png', and alter the resource tag the
> compiler
> > > > > > > throws an error. If I move 'animated_slogan_area.png' to a
> different
> > > > > > > directory, like 'resources/images/banner', and update the
> resource tag
> > > > > > > to reflect that change, the compiler blows up there too.
> >
> > > > > > > This makes it seem like the resource tag is useless, but I
> want my
> > > > > > > images in a separate directory, and I want them to have
> underscores,
> > > > > > > not this silly java coding convention.
> >
> > > > > > > How do I do this?
> >
> > > > > > > --
> >
> > > > > > > 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-we...@googlegroups.com <javascript:>.
> > > > > > > To unsubscribe from this group, send email to
> > > > > > > google-web-toolkit+unsubscr...@googlegroups.com
> > > > > > > <javascript:><google-web-toolkit%2Bunsubs
> cr...@googlegroups.com <javascript:>><google-web-toolkit%2Bunsubs
> > > > > cr...@googlegroups.com <javascript:>>
> > > > > > > .
> > > > > > > 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-we...@googlegroups.com<javascript:>
> .
> > > > > To unsubscribe from this group, send email to
> > > > > google-web-toolkit+unsubscr...@googlegroups.com
> > > > > <javascript:><google-web-toolkit%2Bunsubs
> cr...@googlegroups.com <javascript:>>
> > > > > .
> > > > > 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 unsubscribe from this group and stop receiving emails from it, send an email
to google-web-toolkit+unsubscr...@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/groups/opt_out.
