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’
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.
Continue reading ‘Setting the text alignment on a TabBar control in Flex’
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.
Continue reading ‘Setting the tab width on a TabBar control in Flex’
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.
Continue reading ‘Using an embedded font with the 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’
The following example shows how you can align tabs within a Flex TabBar control by setting the horizontalAlign style.
Full code after the jump.
Continue reading ‘Horizontally aligning tabs within a TabBar control in Flex’
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.
Continue reading ‘Styling individual tabs in a TabBar control’
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.
Continue reading ‘Controlling the distance between tabs in a TabBar control using the horizontalGap style’
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.
Continue reading ‘Enabling and disabling specific tabs in a TabBar control’
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.
Continue reading ‘Adding icons to a Flex TabBar control’
