Question

有没有办法在Spark FormItem中设置最小标签宽度？我有以下代码，复选框是关闭标签的方式。我希望能够设置最小标签宽度。

<s:Form id="form1" width="100%">
    <s:layout>
        <s:FormLayout id="formLayout1" />
    </s:layout>
    <s:FormItem label="Numbers" >
        <s:CheckBox id="numbersCheckbox" />
    </s:FormItem>
    <s:FormItem label="Letters" >
        <s:CheckBox id="lettersCheckbox" />
    </s:FormItem>
    <s:FormItem >
        <s:Button id="myButton" 
                 label="My Label">
        </s:Button>
    </s:FormItem>
</s:Form>

我提出了部分解决方案，但它有副作用。我使用以下CSS并将列移过，但它也会影响任何带有id的标签，＆＃34; labelDisplay＆＃34;。使用此CSS时，请查看按钮：

    spark|FormItemSkin #labelDisplay {
        paddingRight: 50;
        color: red;
    }

Answer 1

我认为最干净或最好的可重用方法是创建自己的FormItemSkin来修改FormItem标签与内容之间的差距。

快速解决方案可能是为表单项使用单独的布局对象：

<s:Form id="form1" width="100%" >
    <s:layout>
        <s:FormLayout id="formLayout1"/>
    </s:layout>
    <s:FormItem label="Numbers"  >
        <s:layout>
            <s:HorizontalLayout paddingLeft="10"/>
        </s:layout>
        <s:CheckBox id="numbersCheckbox" />
    </s:FormItem>
    <s:FormItem label="Letters" >
        <s:layout>
            <s:HorizontalLayout paddingLeft="10"/>
        </s:layout>
        <s:CheckBox id="lettersCheckbox" left="20" />
    </s:FormItem>
</s:Form>

如何在Spark FormItem中设置最小标签宽度？

1 个答案: