Adobe Flex: Using TabManager
Posted by tech on
October 23, 2008
Do you want to create multiple tabs that look like the image below? Using Adobe Flex’s IDE called Flex Editor, you can easily drag ui components to the application area (the area colored gray). When I tried to add a canvas though to represent as another tab by dragging it to the application area, I hard somewhat of a hard time.
So what I did was code manually the MXML file. Just place the mx:Canvas tags inside the mx:TabNavigator and they will automatically be considered as tabbed panes.
<mx:TabNavigator x="69" y="12" width="663" height="345"> <mx:Canvas label="Column Chart" width="100%" height="100%"> <!-- any other layout here --> </mx:Canvas> <mx:Canvas label="Line Chart" width="100%" height="100%"> <!-- any other layout here --> </mx:Canvas> <mx:Canvas label="Area Chart" width="100%" height="100%"> <!-- any other layout here --> </mx:Canvas> </mx:TabNavigator>
Pretty easy. The labels that you assign in the Canvas component will be the text that will appear in the tab.
No TweetBacks yet. (Be the first to Tweet this post)
Like what you see? Buy me a cup of coffee. Or subscribe to my feeds.
October 24th, 2008 at 12:38 pm
I dont know what blogging is for you but you never seems to know how to answer question. I somtimes doubt if you really are the one posting your articles. I have been asking you about adobe and you dont seems know how to answer. anyway thanks for the constant visit
Ester’s Daily Thoughts
Ester’s Money Journal
Ester’s Recollections
October 24th, 2008 at 10:18 pm
ouch, that hurts. i asked you back because i dont understand what you meant by (was that) page header (right) with regards to adobe flex’s code
anyway, if you don’t believe i’m the one doing some of these codes, that’s up to you. the main purpose of this tech blog of mine is to be a respository of reusable code that i can use again and again so i don’t have to go off searching the net. i can query them all here