Using Flex Containers

Flex delivers containers of two types one is for laying out the components and other is for navigating from one child container to the other.

Here is the list of some containers used in flex:

Name	Container Type	About
Panel	Layout	Contains a title bar, a caption, a border and children
DividedBox	Layout	To position its children horizontally or vertically
Tile	Layout	To position its children in rows and columns
Form	Layout	To position its children in the format of form
ApplicationControlBar	Layout	To position the components that provide global navigation
ControlBar	Layout	To place controls at the lower of a Panel or TitleWindow container.
TitleWindow	Layout	Displays a movable pop up window like panel.
Accordion	Navigation 0	Displays series of child containers but visible one at a time.
TabNavigator	Navigation 1	To create set of tabs.
ViewStack	Navigation 2	Defines a stack of containers and only one container is active at a time on top of each other.

See the panel container with title "Login User" below:

See the Accordion container below having three child containers with title Pane 1, Pane 2 and Pane 3.