In a previous example, “Setting the label placement on a TabBar control in Flex”, we saw how you could loop over the tabs in a Flex TabBar control and set each tab’s labelPlacement property using the getChildAt() method.
The following example shows how you can loop over the tabs in a Flex TabNavigator container and set each tab’s labelPlacement property using the getTabAt() method.
Full code after the jump.
Continue reading ‘Setting the label placement on a TabNavigator container in Flex’
The following example shows how you can adjust the amount of padding that appears between the tabs and the content of a TabNavigator control in Flex by setting the paddingTop style.
Full code after the jump.
Continue reading ‘Changing the padding between the tabs and content in a Flex TabNavigator control’
The following example shows how you can style the TabNavigator control in Flex using the tabStyleName, firstTabStyleName, lastTabStyleName, and selectedTabTextStyleName styles.
Full code after the jump.
Continue reading ‘Styling the Flex TabNavigator control’
The following example shows how you can control the horizontal offset of the tabs in a TabNavigator control by setting the tabOffset style.
Full code after the jump.
Continue reading ‘Using the TabNavigator control’s tabOffset style in Flex 3′
The following example shows how you can change the horizontal alignment of tabs within a TabNavigator container so that the tabs are left, center, or right aligned within the container.
Full code after the jump.
Continue reading ‘Changing tab alignment within a Flex TabNavigator container’
I was trying to figure out how to add icons to a TabNavigator control today and ended up making this. The trick is that you actually add the icon on the TabNavigator control’s child containers and not on the TabNavigator itself. The example also has three tabs which each look at a different filtered view of an XML document (filtered using E4X).
Full code after the jump.
Continue reading ‘Adding icons to a Flex TabNavigator control’
