Question

基本上我想改变gxt小部件的样式FieldLabel元素Label是由GXT生成的元素。

它有样式类： com-sencha-gxt-theme-base-client-field-FieldLabelDefaultAppearance-Style-fieldElement

并且根据firebug的实际样式设置为：

element.style {
    white-space: normal;
    width: 100px;
}

问题在于我无法覆盖100px的宽度;

我有这样的表格：

<container:FlowLayoutContainer>
         <form:FieldSet ui:field="fieldSet" headingText="User Information" collapsible="true" height="70" >
            <container:HorizontalLayoutContainer>
              <container:child layoutData="{horizontalLayoutData}">
                <form:FieldLabel text="From" >
                  <form:widget>
                    <form:TextField allowBlank="false" />
                  </form:widget>
                </form:FieldLabel>
              </container:child>
              <container:child layoutData="{horizontalLayoutData}">
                <form:FieldLabel text="To">
                  <form:widget>
                    <form:TextField allowBlank="false" />
                  </form:widget>
                </form:FieldLabel>
              </container:child>
            </container:HorizontalLayoutContainer>
          </form:FieldSet>
        </container:FlowLayoutContainer>

问题的任何解决方案？

我尝试了很多方法，但没有一个适合我。

Answer 1

您可以使用!important通过CSS覆盖标签的宽度。

但我建议你通过sencha的方法setLabelWidth(int)通过Java代码

来改变宽度

Answer 2

最后我找到了答案：

<form:FieldLabel text="From" labelWidth="40" >

无法在UI Binder xml文件中更改gxt标签窗口小部件样式

2 个答案: