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 <[email protected]> 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 <[email protected]> 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 <[email protected]> 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 <[email protected]> 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 <[email protected]> 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 > > > [email protected]. > > > > > To unsubscribe from this group, send email to > > > > > [email protected]<google-web-toolkit%2Bunsubs > > > > > [email protected]><google-web-toolkit%2Bunsubs > > > [email protected]> > > > > > . > > > > > 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 [email protected]. > > > To unsubscribe from this group, send email to > > > [email protected]<google-web-toolkit%2Bunsubs > > > [email protected]> > > > . > > > 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 [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.
