GWT UiBinder Muestra la imagen pero no el cambio de tamaño
Pregunta
Esta imagen está mostrando, pero no puedo cambiar el tamaño no importa los valores de anchura y altura que uso. Cualquier thougt? Gracias.
<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>
Solución
Cuando se utiliza <g:Image resource="..."/>
, GWT usa una imagen de fondo. Las imágenes de fondo no se puede cambiar el tamaño de CSS 2.1. (Realmente deseo que era posible!)
Todo lo que se puede hacer o bien tienen una versión 50x50px de la imagen en el servidor, o el uso <g:Image url="..."/>
lugar. Esto crea una <img src="..."/>
normal en lugar de la imagen de fondo, pero no se puede especificar un recurso ClientBundle aquí.
Otros consejos
addStyleNames="{style.fortaImage}"
no
styleName='{style.fortaImage}'
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow