From the category archives:

TabBar

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.

[click to continue…]

{ 2 comments }

The following example shows how you can set the text alignment on a Flex TabBar control by setting the tabStyleName, tabWidth, and textAlign styles.

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can set the tab width on a Flex TabBar control by setting the aptly named tabWidth style.

Full code after the jump.

[click to continue…]

{ 2 comments }

The following example shows how you can use an embedded font with the Flex TabBar control by setting the fontFamily and fontWeight styles.

Full code after the jump.

[click to continue…]

{ 0 comments }

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.

[click to continue…]

{ 0 comments }

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

Full code after the jump.

[click to continue…]

{ 0 comments }

The following example shows how you can 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.

A big thanks to Joan for helping me figure it out.

Full code after the jump.

[click to continue…]

{ 4 comments }

The following example shows how you can control the spacing between tabs in a Flex TabBar control by setting the horizontalGap style.

Full code after the jump.

[click to continue…]

{ 0 comments }

Enabling and disabling specific tabs in a TabBar control

by Peter deHaan August 25, 2007

The following example shows how you can enable and disable individual tabs in a TabBar control by setting the enabled property in the ViewStack container’s child containers.
Full code after the jump.

Read the full article →

Adding icons to a Flex TabBar control

by Peter deHaan August 21, 2007

This example is pretty similar to the previous entry “Adding icons to a Flex TabNavigator control” although it uses a TabBar control instead of a TabNavigator control. Well, that and this post doesn’t bother with an XML object and the DataGrid controls.
Full code after the jump.

Read the full article →