Form Item Alignment Problem
|
View:
New views
6 Messages
—
Rating Filter:
Alert me
|
 |
Form Item Alignment Problem
by Burak Toker
::
Rate this Message:
I have the following: CODE <mx:FormItem label="Fixed Total Charge:" width="100%"> <mx:TextInput id="fixedChg" width="50%" /> </mx:FormItem> <mx:FormItem width="100%" direction="horizontal" horizontalAlign="left"> <mx:FormItem label="Per"> <mx:TextInput id="perUnit" /> </mx:FormItem> <mx:FormItem label="Fixed Per Unit Charge"> <mx:TextInput id="perUnitChg" /> </mx:FormItem> </mx:FormItem> This will put "Per" under "Fixed total charge" text input. How can I align this so that "Per" will be under "Fixed Total Charge" instead of the textbox? thanks in advance. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists Archive: http://www.houseoffusion.com/groups/flex/message.cfm/messageid:6122 Subscription: http://www.houseoffusion.com/groups/flex/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.37 |
|
|
RE: Form Item Alignment Problem
by Paul Kukiel-2
::
Rate this Message:
Do you mean like this: <mx:FormItem label="Fixed Total Charge:" width="100%"> <mx:TextInput id="fixedChg" width="50%" /> </mx:FormItem> <mx:FormItem label="Per" width="100%"> <mx:TextInput id="perUnit" /> </mx:FormItem> <mx:FormItem label="Fixed Per Unit Charge" width="100%"> <mx:TextInput id="perUnitChg" /> </mx:FormItem> Paul. -----Original Message----- From: Burak Toker [mailto:touaregv8forsale@...] Sent: Tuesday, October 06, 2009 1:30 PM To: flex Subject: Form Item Alignment Problem I have the following: CODE <mx:FormItem label="Fixed Total Charge:" width="100%"> <mx:TextInput id="fixedChg" width="50%" /> </mx:FormItem> <mx:FormItem width="100%" direction="horizontal" horizontalAlign="left"> <mx:FormItem label="Per"> <mx:TextInput id="perUnit" /> </mx:FormItem> <mx:FormItem label="Fixed Per Unit Charge"> <mx:TextInput id="perUnitChg" /> </mx:FormItem> </mx:FormItem> This will put "Per" under "Fixed total charge" text input. How can I align this so that "Per" will be under "Fixed Total Charge" instead of the textbox? thanks in advance. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists Archive: http://www.houseoffusion.com/groups/flex/message.cfm/messageid:6123 Subscription: http://www.houseoffusion.com/groups/flex/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.37 |
|
|
Re: Form Item Alignment Problem
by Burak Toker
::
Rate this Message:
Not quite. I need to put perUnit and perUnitChg in the same line and somewhat align per to the left. When I put a background color, I see the FormItem (direction=horizontal) expands 100% but somewhat pushes the perUnit to the left. <mx:FormItem label="Fixed Total Charge:" width="100%"> <mx:TextInput id="fixedChg" width="50%" /> </mx:FormItem> <mx:FormItem direction="horizontal" width="100%"> <mx:FormItem label="Per" width="20%" > <mx:TextInput id="perUnit" width="20%"/> </mx:FormItem> <mx:FormItem label="Fixed Per Unit Charge"> <mx:TextInput id="perUnitChg" width="100%"/> </mx:FormItem> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists Archive: http://www.houseoffusion.com/groups/flex/message.cfm/messageid:6124 Subscription: http://www.houseoffusion.com/groups/flex/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.37 |
|
|
RE: Form Item Alignment Problem
by Paul Kukiel-2
::
Rate this Message:
Ahh I understand now. <mx:Style> FormItem { labelStyleName: labelStyle; } .labelStyle{ textAlign: left; } </mx:Style> <mx:Form> <mx:FormItem label="Fixed Total Charge:" > <mx:TextInput id="fixedChg" /> </mx:FormItem> <mx:FormItem label="Per" > <mx:TextInput id="perUnit" /> </mx:FormItem> <mx:FormItem label="Fixed Per Unit Charge"> <mx:TextInput id="perUnitChg" /> </mx:FormItem> </mx:Form> http://flex.gunua.com/?p=47 Paul. -----Original Message----- From: Burak Toker [mailto:touaregv8forsale@...] Sent: Tuesday, October 06, 2009 3:46 PM To: flex Subject: Re: Form Item Alignment Problem Not quite. I need to put perUnit and perUnitChg in the same line and somewhat align per to the left. When I put a background color, I see the FormItem (direction=horizontal) expands 100% but somewhat pushes the perUnit to the left. <mx:FormItem label="Fixed Total Charge:" width="100%"> <mx:TextInput id="fixedChg" width="50%" /> </mx:FormItem> <mx:FormItem direction="horizontal" width="100%"> <mx:FormItem label="Per" width="20%" > <mx:TextInput id="perUnit" width="20%"/> </mx:FormItem> <mx:FormItem label="Fixed Per Unit Charge"> <mx:TextInput id="perUnitChg" width="100%"/> </mx:FormItem> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists Archive: http://www.houseoffusion.com/groups/flex/message.cfm/messageid:6125 Subscription: http://www.houseoffusion.com/groups/flex/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.37 |
|
|
Re: Form Item Alignment Problem
by Burak Toker
::
Rate this Message:
actually, still no. <mx:Style> FormItem { labelStyleName: labelStyle; } .labelStyle{ textAlign: left; } </mx:Style> <mx:Form> <mx:FormItem label="Name"> <mx:HBox> <mx:TextInput id="firstName1" /> <mx:TextInput id="lastName1" /> </mx:HBox> </mx:FormItem> <mx:FormItem label="Email"> <mx:TextInput id="email" /> </mx:FormItem> <mx:FormItem label="Fixed Total Charge:" width="100%"> <mx:TextInput id="fixedChg" width="50%" /> </mx:FormItem> <mx:FormItem direction="horizontal" width="100%"> <mx:FormItem label="Fixed Total Charge: aaa" > <mx:TextInput id="fixedChga" /> </mx:FormItem> <mx:FormItem label="Per aaa" > <mx:TextInput id="perUnita" /> </mx:FormItem> <mx:FormItem label="Fixed Per Unit Charge aaa"> <mx:TextInput id="perUnitChga" /> </mx:FormItem> </mx:FormItem> <mx:FormItem label=""> <mx:Button label="Submit" /> </mx:FormItem> </mx:Form> see, how fixed total charge (formitem label) and fixed total charge: aaa (formitem label) are not vertically aligned? Fixed total charge: aaa (formitem label) starts right under the textbox. I need to push it to left a bit more. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists Archive: http://www.houseoffusion.com/groups/flex/message.cfm/messageid:6126 Subscription: http://www.houseoffusion.com/groups/flex/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.37 |
|
|
Re: Form Item Alignment Problem
by Burak Toker
::
Rate this Message:
d'oh: <mx:FormItem label="Fixed Total Charge: aaa" paddingLeft="-130" > does it. >Ahh I understand now. > ><mx:Style> > FormItem { > labelStyleName: labelStyle; > } > > .labelStyle{ > textAlign: left; > } > </mx:Style> > > <mx:Form> > <mx:FormItem label="Fixed Total Charge:" > > <mx:TextInput id="fixedChg" /> > </mx:FormItem> > <mx:FormItem label="Per" > > <mx:TextInput id="perUnit" /> > </mx:FormItem> > <mx:FormItem label="Fixed Per Unit Charge"> > <mx:TextInput id="perUnitChg" /> > </mx:FormItem> > </mx:Form> > >http://flex.gunua.com/?p=47 > >Paul. > >Not quite. I need to put perUnit and perUnitChg in the same line and >somewhat align per to the left. When I put a background color, I see the >FormItem (direction=horizontal) expands 100% but somewhat pushes the perUnit >to the left. > > <mx:FormItem label="Fixed Total Charge:" width="100%"> > <mx:TextInput id="fixedChg" width="50%" /> > </mx:FormItem> > <mx:FormItem direction="horizontal" width="100%"> > <mx:FormItem label="Per" width="20%" > > <mx:TextInput id="perUnit" width="20%"/> > </mx:FormItem> > <mx:FormItem label="Fixed Per Unit Charge"> > <mx:TextInput id="perUnitChg" width="100%"/> > </mx:FormItem> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists Archive: http://www.houseoffusion.com/groups/flex/message.cfm/messageid:6127 Subscription: http://www.houseoffusion.com/groups/flex/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.37 |
| Free embeddable forum powered by Nabble | Forum Help |
