Category Archives: TabBar

Changing the label placement on an MX TabBar control in Flex

In a previous example, “Changing the label placement on an MX ButtonBar control in Flex (redux)”, we saw how you could set the label/icon placement on an MX ButtonBar control in Flex by extending the MX ButtonBar class and setting the navItemFactory property in the mx_internal namespace to a custom class.

The following example shows how you can set the label/icon placement on an MX TabBar control in Flex by extending the MX TabBar class and setting the navItemFactory property in the mx_internal namespace to a custom Tab button class.

Continue reading Changing the label placement on an MX TabBar control in Flex

Setting the tab width on an MX TabNavigator container in Flex 3

In a previous example, “Setting the tab width on a TabBar control in Flex”, we saw how you could set the tab width on a Flex MX TabBar control by setting the aptly named tabWidth style.

The following example shows how you can can set the tab width on an MX TabNavigator container in Flex by setting the tabWidth style.

Continue reading Setting the tab width on an MX TabNavigator container in Flex 3

Setting the label placement on a TabBar control in Flex

In a previous example, “Styling individual tabs in a TabBar control”, we saw how you could style individual tabs in a Flex TabBar control by calling the getChildAt() method on the tab bar, and then calling setStyle() on the returned Tab reference.

The following example shows how you can loop over the tabs in a Flex TabBar control and set each tab’s labelPlacement property.

Full code after the jump.

Continue reading Setting the label placement on a TabBar control in Flex

Vertically aligning tabs within a TabBar control in Flex

In a previous example, “Horizontally aligning tabs within a TabBar control in Flex”, we saw how you could horizontally align tabs in a TabBar control by setting the horizontalAlign style.

The following example shows how you can align tabs vertically within a Flex TabBar control by setting the verticalAlign style.

Full code after the jump.

Continue reading Vertically aligning tabs within a TabBar control in Flex