In my app i am having a tab navigator which has two tabs with canvas
containers as its contents namely Active Reports and Reports/Expense
Details. Based on the canvas width i am doing certain UI manipulations. when
i access the availableExpensesCanvas width(availableExpenseCanvas.width) in
action script it is showing it as zero. Able to get the value when i access
it as availableExpenseCanvas.percentwidth. The issue it is directly showing
it as percentage value. I.e it will show 100 when is set width as 100% in
mxml.

how to convert percent width into pixels dynamically?
<http://askmeflash.com/qdetail/589/convert-percent-width-into-pixels-dynamically-in-action-script#>
*code snippets*

<mx:TabNavigator id="tn" borderStyle="solid" tabHeight="25"  width="100%"
 height="100%"  creationPolicy="all" change="initializeAvail()">
   <mx:VBox label="Active Reports" toolTip="Active expense reports display"
>
     <mx:Canvas id="reportsListCanvas" width="100%" height="100%"  >
    <containers:ActiveExpenseReportsForm id="activeExpenseReportsForm"/>
     </mx:Canvas>
   </mx:VBox>

   <mx:HBox label="Report/Expense Details" width="100%" height="100%"
 horizontalGap="0" verticalGap="0"
            toolTip="Available expenses display" >

        <mx:Canvas id="availableExpensesCanvas" width="100%" height="100%"
 >
        <containers:AvailableExpenseForm id="availableExpensesForm"/>
        </mx:Canvas>

   </mx:HBox>



<mx:TabNavigator id="tn" borderStyle="solid" tabHeight="25"
width="100%" height="100%"  creationPolicy="all"
change="initializeAvail()">
   <mx:VBox label="Active Reports" toolTip="Active expense reports display">
     <mx:Canvas id="reportsListCanvas" width="100%" height="100%"  >
        <containers:ActiveExpenseReportsForm id="activeExpenseReportsForm"/>
     </mx:Canvas>
   </mx:VBox>
                        
   <mx:HBox label="Report/Expense Details" width="100%" height="100%"
horizontalGap="0" verticalGap="0"
                toolTip="Available expenses display" >
        
        <mx:Canvas id="availableExpensesCanvas" width="100%" height="100%" >
                <containers:AvailableExpenseForm id="availableExpensesForm"/>
        </mx:Canvas>
                                        
   </mx:HBox>


thanks
dme

-- 
You received this message because you are subscribed to the Google Groups "Flex 
India Community" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/flex_india?hl=en.

Reply via email to