url tag – Squix – TechBlog https://blog.squix.org Sun, 17 Apr 2016 07:56:49 +0000 en-US hourly 1 https://wordpress.org/?v=6.5.8 121913304 UIBinder: load background images in the bundle https://blog.squix.org/2012/02/uibinder-load-background-images-in.html https://blog.squix.org/2012/02/uibinder-load-background-images-in.html#respond Sat, 18 Feb 2012 08:15:00 +0000 http://blog.squix.org/2012/02/18/uibinder-load-background-images-in/ Read More

]]> 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>
]]> https://blog.squix.org/2012/02/uibinder-load-background-images-in.html/feed 0 91