The mxml file below shows that when flex sizes components it is not co-ordinating within itself, so that the titles of a tab container are being set at a fixed size, but the tab contents are not looking to see if the sum of tabs are bigger than the container
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml"; styleName="Plain" backgroundColor="0xFFFFFF" > <mx:Script> <![CDATA[ function setMode(Mode:String) { } ]]> </mx:Script> <mx:Style source="MyStylesheet.css"/> <mx:Panel id="BasePanel" label="{BasePanel.title}" title="Order Maintenance" headerHeight = "22" marginTop="2" marginBottom="2" marginLeft="2" marginRight="2"> <mx:HDividedBox borderStyle="none" id="divider" marginLeft="2" marginTop="2" marginRight="2" marginBottom="2" > <mx:Accordion borderStyle="solid" historyManagement = "false" widthFlex="1" minWidth="50" maxWidth="150"> <mx:VBox label="Mode"> <mx:Link label="Create" click="setMode('Create')"/> <mx:Link label="Amend" click="setMode('Amend')"/> <mx:Link label="Delete" click="setMode('Delete')"/> <mx:Link label="Enquire" click="setMode ('Enquire')"/> </mx:VBox> <mx:VBox label="Associated Tasks"> <mx:Label text="This is Panel 2"/> </mx:VBox> <mx:VBox label="Help"> <mx:Label text="This is Panel 3"/> </mx:VBox> </mx:Accordion> <mx:Canvas > <mx:TabNavigator x="500" y="100" tabWidth="100" > <mx:Form label="Address1" > <mx:FormItem label="Road" required="true" > <mx:TextInput id="txtRoad_1" height="20" width="50"/> </mx:FormItem> <mx:FormItem label="Town" required="true" > <mx:TextInput id="txtTown_1" height="20" width="50"/> </mx:FormItem> <mx:FormItem label="County" required="true" > <mx:TextInput id="txtCounty_1" height="20" width="50"/> </mx:FormItem> <mx:FormItem label="Post Code" required="true" > <mx:TextInput id="txtPCode_1" height="20" width="50"/> </mx:FormItem> </mx:Form> <mx:Form label="Address2" > <mx:FormItem label="Road" required="true" > <mx:TextInput id="txtRoad_2" height="20" width="50"/> </mx:FormItem> <mx:FormItem label="Town" required="true" > <mx:TextInput id="txtTown_2" height="20" width="50"/> </mx:FormItem> <mx:FormItem label="County" required="true" > <mx:TextInput id="txtCounty_2" height="20" width="50"/> </mx:FormItem> <mx:FormItem label="Post Code" required="true" > <mx:TextInput id="txtPCode_2" height="20" width="50"/> </mx:FormItem> </mx:Form> <mx:Form label="Address3" > <mx:FormItem label="Road" required="true" > <mx:TextInput id="txtRoad_3" height="20" width="50"/> </mx:FormItem> <mx:FormItem label="Town" required="true" > <mx:TextInput id="txtTown_3" height="20" width="50"/> </mx:FormItem> <mx:FormItem label="County" required="true" > <mx:TextInput id="txtCounty_3" height="20" width="50"/> </mx:FormItem> <mx:FormItem label="Post Code" required="true" > <mx:TextInput id="txtPCode_3" height="20" width="50"/> </mx:FormItem> </mx:Form> </mx:TabNavigator> </mx:Canvas> </mx:HDividedBox> <mx:ControlBar marginTop="2" marginBottom="2" marginLeft="2" marginRight="2"> <!-- Use Spacer to push Button control to the right. --> <mx:Spacer widthFlex="1" /> <mx:Button label="Update" click="" /> </mx:ControlBar> </mx:Panel> </mx:Application> Also a property or method of the tabheaders that sized itself based on the contents of the tab would be useful. Any fixes or workarounds appreciated. BOb
