GWT Uibinder Изображение, показывающее, но не изменяющее размер

Question

Это изображение отображается, но я не могу изменять его размер независимо от значений ширины и высоты, которые я использую. Любой ты? Спасибо.

<ui:with field='res' type='com.hellomvp.client.resources.MyResources'/> 

    <ui:style> 
     .fortaImage { width:'50px'; height:'50px';} 
    </ui:style> 

    <g:DockLayoutPanel unit='EM'> 
     <g:north size="10"> 
      <g:FlowPanel> 
      <g:Image styleName='{style.fortaImage}' resource='{res.fortaLogo}'/> 
      <g:InlineLabel>FortaService</g:InlineLabel> 
      <g:ListBox></g:ListBox> 
      <g:InlineLabel>DateIn</g:InlineLabel> 
      <d:DateBox></d:DateBox> 
      <g:InlineLabel>DateOut</g:InlineLabel> 
      <d:DateBox></d:DateBox> 
      <g:Button>Cerca</g:Button> 

      </g:FlowPanel> 
     </g:north> 



    </g:DockLayoutPanel> 

Answer 1

При использовании <g:Image resource="..."/>, GWT использует фоновое изображение. Исходные изображения не могут быть изменены в CSS 2.1. (Я действительно хотел, чтобы это было возможно!)

Все, что вы можете сделать, это либо иметь версию изображения размером 50x50 пикселей на сервере, либо вместо этого использовать <g:Image url="..."/>. Это создает нормальный <img src="..."/> вместо фонового изображения, но здесь вы не можете указать ресурс ClientBundle.

Answer 2

addStyleNames="{style.fortaImage}" 

не

styleName='{style.fortaImage}'