Hi

I have problem in aligning form input and label!!
How can I align them side by side!!! all form component inputs are aligning
one below the other?
How can I do it??

Thanks in advance
Aruna

I think the direction field for the formitem is set to vertical.
In the formItem set direction to horizontal and this will solve your problem...

Hi

I tried I dint get it!!
If I give direction also its aligning one below the other
If possible send me code of that!!

Thanks
Aruna

Hello,
do you have any style sheets attached to your mxml file..
may be some of the declarations in your css file are troubling you..
check it out..

When you create a form,
Drag the form on to the editor window.
then drag a label into the form which gives you 2 labels,
delete the right most one and you will be left with one.
If you see the code you can see formitem created
Now drag a textinput into the label you already dragged, when u drag it u get
a blue indicator line to position your textinput. Dont position it when
indicator line is above or below the label you have added. Position it when you
get blue indicator line in line with the already added label.
And for your information here the code of a simple form:


<mx:Form x="10" y="10" id="register_form" width="388.8" height="232.25"
autoLayout="false">
<mx:FormItem label="Data Provider Name">
<mx:TextInput id="reg_name" width="200" toolTip="data provider (user
defined) name" height="24"/>
</mx:FormItem>
<mx:FormItem label="Object Name" textAlign="left" height="42">
<mx:TextArea id="reg_objName" width="200" toolTip="data provider object
name" height="42" backgroundColor="#FFFFFF" wordWrap="true"/>
</mx:FormItem>
<mx:RadioButtonGroup id="reg_attr_meth"/>
<mx:FormItem label="Attribute List">
<mx:TextInput id="tbxRegisterAttributeList" width="200"
click="enableAttributeList()" toolTip="comma separated data provider attribute
list"/>
</mx:FormItem>
<mx:FormItem label="Method Name">
<mx:TextInput id="tbxRegisterMethodName" enabled="false" width="200"
click="enableMethodName()" toolTip="data provider method name"/>
</mx:FormItem>
<mx:FormItem label="Refresh Rate" width="285" direction="horizontal">
<mx:NumericStepper id="reg_refRate" minimum="1" maximum="100"
toolTip="refresh rate in minutes"/>
<mx:Label text="Minutes" />
</mx:FormItem>
<mx:FormItem horizontalAlign="left" >
<mx:Button label="Register" click="register()" toolTip="register data
provider with prefetch service"/>
</mx:FormItem>

</mx:Form>

Hello Harsha

Actually I wanted like as below...

Login Name: Text Input Password: Text Input

I want Login Name and Password in the same line...Both should be side by
side..

Hope u got my question!!

Thanks
Aruna

Hello,
i didn't get u well in my previous reply.
I think you cant do that in a form but there is a way to tacklet it. Try this
out...
Do not give the form tags and u can use the fields from the id's give to the
text input fields
In case you have an issue reply back


<mx:FormItem label="UserName">
<mx:TextInput width="222" id="username" text="localhost"
toolTip="username"/>
</mx:FormItem>
<mx:FormItem label="Password">
<mx:TextInput width="222" id="port" text="50000" toolTip="password"/>
</mx:FormItem>
<mx:Button label="Submit" click="startfunction()" toolTip="submit"/>

Hello Harsha

Actually I am using like this only without form tags...But I thought we have
to use form tags form form items so I raised a question in forum...
Thanks for the information...

Thanks and Regards
Aruna