TabNavigator container

A TabNavigator container creates and manages a set of tabs, which you use to navigate among its children. The children of a TabNavigator container are other containers. The TabNavigator container creates one tab for each child. When the user selects a tab, the TabNavigator container displays the associated child, as the following image shows:


TabNavigator container

The TabNavigator container is a child class of the ViewStack container and inherits much of its functionality. A TabNavigator container has the following default sizing characteristics:

Property

Default value

Default size

The default or explicit width and height of the first active child plus the tabs, at their default or explicit heights and widths. The default tab height is determined by the font, style, and skin applied to the TabNavigator container.

Container resizing rules

By default, TabNavigator containers are only sized once to fit the size of the first child container by default. They do not resize when you navigate to other child containers by default. To force TabNavigator containers to resize when you navigate to a different child container, set the resizeToContent property to true.

Child layout rules

The child is clipped if it is larger than the TabNavigator container. If the child is smaller than the TabNavigator container, it is aligned to the upper-left corner of the TabNavigator container.

Default padding

0 pixels for the top, bottom, left, and right values.

For complete reference information, see TabNavigator in Adobe Flex 2 Language Reference.

Subtopics

Creating a TabNavigator container
Sizing the children of a TabNavigator container
TabNavigator container Keyboard navigation

Flex 2.01

Take a survey


 

Send me an e-mail when comments are added to this page | Comment Report

Current page: http://livedocs.adobe.com/flex/201/html/navigators_066_07.html