コードが次のようなフレックスフォームを作成しています:-
<s:layout>
<s:VerticalLayout/>
</s:layout>
<s:Form>
<s:layout>
<s:FormLayout gap="5"/>
</s:layout>
<s:FormItem label="First Name : ">
<s:TextInput id="fn" />
</s:FormItem>
<s:FormItem label="Last Name : ">
<s:TextInput id="ln" />
</s:FormItem>
<s:FormItem label="Email Address :">
<s:TextInput id="ea"/>
</s:FormItem>
<s:FormItem label="Re-enter Email Address :">
<s:TextInput id="rea"/>
</s:FormItem>
<s:FormItem label="Password :">
<s:TextInput id="pw" displayAsPassword="true" />
</s:FormItem>
<s:FormItem label="Re Enter Password :">
<s:TextInput id="rpw" displayAsPassword="true" />
</s:FormItem>
<s:FormItem label="Security Question">
<s:DropDownList>
<s:ArrayList>
<fx:String>Mother's maiden name?</fx:String>
<fx:String>Birthplace?</fx:String>
<fx:String>Pet's name?</fx:String>
<fx:String>Favourite destination</fx:String>
</s:ArrayList>
</s:DropDownList>
</s:FormItem>
<s:FormItem>
<s:Button label="Submit" click="abc()" />
</s:FormItem>
</s:form>
ここで、ドロップダウンメニューの幅を広げて見栄えを良くする方法という問題があります。コンテンツに基づいて幅を変更するにはどうすればよいですか?