CODEWITHSUNDEEP
gwtuibinder
MikeC
MikeC

Reputation: 31

Adding an external image to a custom GWT cell

I'm working on a custom cell for a cell list that displays product information including an image and several text fields, similar to the one in the CellList sample. The images are not resources that are packaged with my app, they are on an external image server. I'd like to use UiBinder for the layout of the cell. Eventually the cell will be more complicated, but for now here is a my template that just shows a product description and image: 

<ui:UiBinder
  xmlns:ui="urn:ui:com.google.gwt.uibinder"
  xmlns:g="urn:import:com.google.gwt.user.client.ui">

<ui:style>
</ui:style>

<ui:with field="imageSource" type="java.lang.String"/>
<ui:with field="product" type="com.mydomain.ProductProxy" />

<div ui:field="root">
  <span><ui:text from="{product.getDescription}" /></span>
  <ui:image url="{imageSource}" />
</div>

The CellList displays a list of descriptions but no products. If I inspect the element with Chrome I can see that the ui:image is not being compiled into an img element:

<div onclick="" __idx="0" class="GPROKKBAB" style="outline:none;" tabindex="0">
<div gwtuirendered="gwt-uid-17">
    <span>E03351 </span> 
    <ui:image url="http://images.mydomain.com/image/product_id.jpg"></ui:image>                        </div></div>

Any suggestions? I'm sure it's something obvious but I've been at it for a while and I've tried a number of things with no luck.

Upvotes: 2

Views: 864

Answers (1)

Thomas Broyer
Thomas Broyer

Reputation: 64541

How about simply using an HTML img?

<img src="{imageSource}" />

Upvotes: 1

Related Questions