在gxt ui-binder中更改子项的字体大小

Question

我必须使DialogBox中所有子项的字体大小增加50％。 DialogBox有一个FramedPanel，所有子项都在VerticalContainer中。我的问题是，如何设置FramedPanel内所有子项的字体大小？ Widget是通过ui-binder创建的，GXT-Version是3.0.7。

非常感谢

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
xmlns:g='urn:import:com.google.gwt.user.client.ui'
xmlns:gxt="urn:import:com.sencha.gxt.widget.core.client"
xmlns:gxtTree="urn:import:com.sencha.gxt.widget.core.client.tree"
xmlns:gxtForm="urn:import:com.sencha.gxt.widget.core.client.form"
xmlns:button="urn:import:com.sencha.gxt.widget.core.client.button"
xmlns:container="urn:import:com.sencha.gxt.widget.core.client.container"
ui:generateFormat='com.google.gwt.i18n.rebind.format.PropertiesFormat'
ui:generateKeys='com.google.gwt.i18n.rebind.keygen.MD5KeyGenerator'
ui:generateLocales='default'>

<ui:with type="com.sencha.gxt.widget.core.client.container.VerticalLayoutContainer.VerticalLayoutData" field="verticalLayoutData">
    <ui:attributes width="1" height="-1" />
</ui:with>

<ui:style>
    .right {float:right !important;}
    .button {padding: 5px;}
    .button-cancel {padding: 5px !important; left: 85px !important;}
</ui:style>

<ui:with field='res' type='XXX'/>

<g:DialogBox ui:field="popup" modal="true" glassEnabled="true" text="{res.analysesEditTitle}">
    <gxt:FramedPanel headerVisible="false">
        <g:VerticalPanel ui:field="vPanel">
            <container:VerticalLayoutContainer>
                <container:child layoutData="{verticalLayoutData}">
                  <gxtForm:FieldLabel text="{res.analysesEditNameLabel}" labelWidth="100">
                    <gxtForm:widget>
                      <gxtForm:TextField ui:field="name"/>
                    </gxtForm:widget>
                  </gxtForm:FieldLabel>
                </container:child>

                <container:child layoutData="{verticalLayoutData}">
                  <gxtForm:FieldLabel text="{res.analysesEditSubtitleLabel}" labelWidth="100">
                    <gxtForm:widget>
                      <gxtForm:TextField ui:field="subtitle"/>
                    </gxtForm:widget>
                  </gxtForm:FieldLabel>
                </container:child>

                <container:child layoutData="{verticalLayoutData}">
                  <gxtForm:FieldLabel text="{res.analysesEditShowLegendLabel}" labelWidth="100">
                    <gxtForm:widget>
                      <gxtForm:CheckBox ui:field="legendBox" />
                    </gxtForm:widget>
                  </gxtForm:FieldLabel>
                </container:child>

                <container:HBoxLayoutContainer addStyleNames="{style.right}" width="170px">
                    <button:TextButton ui:field="okButton" text="{res.generalButtonOk}" stylePrimaryName="{style.button}" width="80px"/>
                    <button:TextButton ui:field="closeButton" text="{res.generalButtonCancel}" stylePrimaryName="{style.button-cancel}" width="80px" /> 
                </container:HBoxLayoutContainer>
            </container:VerticalLayoutContainer>
        </g:VerticalPanel>              
    </gxt:FramedPanel>
</g:DialogBox>