I have two UI components: TabNavigator and Canvas.
Normally, only TabNavigator shows.
When a button in a third component is clicked, the TabNavigator will be disabled and a smaller Canvas will be displayed
on top of the disabled TabNavigator and users can still the TabNavigator, but only work on the Canvas.
I think I can use state to achieve this. Any other better ways?
Is there a way to use absolute layout with state? It seems that absolute layout is the
only way to do the overlap of components
Put both the TabNavigator and the Canvas inside another Canvas. They should then display on top of each other.
<mx:Canvas> <mx:TabNavigator /> <mx:Canvas /> </mx:Canvas>
why dont you use PopupManager and pop that Panel on top of tabNavigator in modal view, this way you can
1) position your panel anywhere you want on the screen since its a popup ,
2) you still can see tabnagivation behind it