Question

I am creating a flex form whose code is as follows:-
<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>

Now here i have a problem that is, how to increase the width of dropdownmenu so that it looks great. How to make the width change based on the content?

Answer 1

You can try either

<Component width="100%" />

or

<Component left="0" right="0" />

It depends on your purposes,