Comments on: Vertical TabNavigator Component for Flex

By: Sweety

Sweety — Thu, 26 Jan 2012 22:30:11 +0000

Finally i made it working .

If any one is looking for solution for displaying label in the tab’s with Flex 4.5 sdk .
Go through this .
Copy the below styles .
1. @font-face {
src:url(‘CharringtonBold.ttf’);
fontFamily: myFontFamily;
embedAsCFF: false;
}
@font-face {
src:url(‘CharringtonBold.ttf’);
fontFamily: myFontFamily;
embedAsCFF: true;
}

embedAsCFF is the key here . True will be used for spark components ,false for mx controls. As our tabNavigator is mx control we need to set embedAsCFF as False . But if we used spark components inside tabNavigator then we should set two fonts like above one with false and one with true .

2. insted of setting this embeded font for whole app , you can do this ,give a style name for vertical tab Navigation say “verticalTabStyle”
And copy the following style
.verticalTabStyle {
fontFamily: myFontFamily;
fontSize: 13;
fontWeight : bold;
}

Thats it .

Let me if it worked or not .

Happy flexing !!!!

By: Sweety

Sweety — Wed, 11 Jan 2012 22:16:02 +0000

Hi,

Same here .not able to see the lables in tab ,using flashbuilder 4.5.
Do anybody have a solution.Please let us know.

Thanks.

By: Rana

Rana — Wed, 16 Nov 2011 11:51:43 +0000

Hi ,
I used this but it’s can’t work on the flashbulider 4.5 please what am going to do
i will get the blank label part can please said for the 4.5 source code
thank u

By: Cody

Cody — Tue, 05 Jul 2011 20:05:25 +0000

Hey, I’m having a problem displaying the font on the tabs and the panels. I copied your source, and it still doesn’t show up. I recall seeing this problem in posts above, but I still cannot solve this. Could anyone post a direct solution?
I’d really appreciate it.

By: Iamso

Iamso — Mon, 30 May 2011 09:14:59 +0000

Thanks for your components! thanks!

By: Pranav

Pranav — Tue, 17 May 2011 11:59:57 +0000

Great post!
Still looking for label rotating of tabs, I also wanted to word Wrap in tabs if label is to large.
Can anyone help me to achieve this also?
Thanks in advance.

By: Jasmank

Jasmank — Tue, 03 May 2011 10:07:51 +0000

This is great..
Can I use this is flex builder 3.
If not, what can I do use it.

By: juri

juri — Tue, 28 Dec 2010 15:33:23 +0000

well, something like this works

if (_tabBarLocation == “left”) { if (tabBar.rotation != 270){
tabBar.rotation = 270;

var tab:Tab = tabBar.getChildAt(0) as Tab;
tab.rotation = 90;tab.scaleX=.6;

maybe make it neater outside this method or something

By: juri

juri — Thu, 09 Dec 2010 18:26:55 +0000

Has anyone been able to rotate text as mentioned in posts #15 & 16 ? If so, would he be so kind to show an example thanks

By: abhishek

abhishek — Mon, 06 Dec 2010 12:31:14 +0000

Im not able to view any text in tab’s labels
please help me out in this.
Thanks in advance;
abhishekchess1@gmail.com
:)