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.

Using Flex Containers

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.