Question

Maybe it is very simple, but I did found the solution. I just want to have an image (as simple as a “black triangle”) near a menu item. If it is possible with UI binder, it would be better. I just know there is the .setHTML(html) function… I would like an example, where the image to load (the “black triangle”) is a sprite…

Thanks you

Answer 1

If you want to use sprites, you can basically adapt the example from this answer https://stackoverflow.com/a/4548524/291741

Then you can set the sprite on a simple <div>:

<g:MenuBar>
  <g:MenuItem>Tools
    <g:MenuBar vertical="true">
      <g:MenuItem>
        <div class="{myResources.myCss.myBackground}"/> Triangle
      </g:MenuItem>
    </g:MenuBar>
  </g:MenuItem>
</g:MenuBar>

But wouldn’t it be easier to use a <g:Image resource="..."/> instead? (no, see comment)