صورة GWT Uibinder تظهر ولكن لا تتغير

Question

تظهر هذه الصورة ولكن لا يمكنني تغيير حجمها لا يهم قيم العرض أو الارتفاع التي أستخدمها. أي thougt؟ شكرًا لك.

<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. (أتمنى حقًا أن يكون ذلك ممكنًا!)

كل ما يمكنك فعله هو إما أن يكون لديه إصدار 50 × 50 بكسل من الصورة على الخادم ، أو الاستخدام <g:Image url="..."/> في حين أن. هذا يخلق طبيعية <img src="..."/> بدلاً من صورة الخلفية ، ولكن لا يمكنك تحديد مورد ClientBundle هنا.

Answer 2

addStyleNames="{style.fortaImage}"

ليس

styleName='{style.fortaImage}'