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:
- Copy the image to the same package as your *.ui.xml
- In the ui.xml add a “ui:data” tag that points to the image
- In the style block add an @url line that points to the ui:data field
- 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>
</style>