Vertical tabs in Flex 4

Question

I would like to have vertical tabs in Flex 4. I have started implementing this by having a vertical list down one side. On list selection I am updating the selection index of a view stack. This gives the functionality of vertical tabs.

My problem is the look and feel. How do I get the list to have a similar look and feel to the horizontal tab bar? Is it a case of overriding skins?

I have found this post:

Is there a way to make a <s:TabBar /> vertical?

which does implement vertical tabs. My problem with this is that I do not get any text in the tab. I think the problem is that this was originally written for flex 2. I am using flex 4 and am trying to put this component inside a

Any pointers would be great.

Thanks

Answer 1

Simplest solution at http://blog.flexexamples.com/2009/02/13/creating-a-vertical-fxbuttonbar-control-in-flex-gumbo/

If you take a look at the ButtonBar skin, you'll see that by default it uses a special horizontal layout - ButtonBarHorizontalLayout. Depending on your demands, you might want to implement your own vertical layout, or just use the standard VerticalLayout.