GWT Uibinder L'image montre mais ne redimensionne pas

Question

Cette image est montrée mais je ne peux pas la redimensionner peu importe les valeurs de largeur ou de hauteur que j'utilise. N'importe quoi? Je vous remercie.

<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

Lorsque vous utilisez <g:Image resource="..."/>, GWT utilise une image d'arrière-plan. Les images d'arrière-plan ne peuvent pas être redimensionnées dans CSS 2.1. (Je souhaite vraiment que c'était possible!)

Tout ce que vous pouvez faire est soit d'avoir une version 50x50px de l'image sur le serveur, ou utiliser <g:Image url="..."/> à la place. Cela crée un <img src="..."/> normal au lieu de l'image d'arrière-plan, mais vous ne pouvez pas spécifier une ressource ClientBundle ici.

Answer 2

addStyleNames="{style.fortaImage}" 

pas

styleName='{style.fortaImage}'