UIBinder: load background images in the bundle

Do you like this post? Writing posts, developing libraries and programming online font creators is actually hard work. I order most of my electronics from a Chinese website called Banggood. It is save and the items usually arrive in good quality. With every order you do there by following this link you are supporting the blog. Thank you!

It took me a while to figure this out, but finally I found a solution to load CSS background images for styles defined in a *.ui.xml:

  1. Copy the image to the same package as your *.ui.xml
  2. In the ui.xml add a “ui:data” tag that points to the image
  3. In the style block add an @url line that points to the ui:data field
  4. Use it in the style

<ui:data field=’logoImg’ src=’feederator.png’/>

<style>

@url logoUrl logoImg; 
.logo {
background: logoUrl no-repeat 0 0;
height: 55px;
    width: 250px;
}
</style>
Posted by squix78

Leave a Reply