Flex - Layout Panels



Layout panel controls provides users to organize UI controls on the page. Every Layout control inherits properties from UIComponent class which in turn inherits properties from EventDispatcher and other top level classes.

Sr.No Control & Description
1 Flex EventDispatcher Class

The EventDispatcher class is the base class for all classes that can dispatch events. The EventDispatcher class allows any object on the display list to be an event target and as such, to use the methods of the IEventDispatcher interface.

2 Flex UIComponent

The UIComponent class is the base class for all visual components, both interactive and noninteractive.

Layout Panels

Following are few important Layout Panels −

Sr.No Panel & Description
1 BorderContainer

The BorderContainer class provides a set of CSS styles that control the appearance of the border and background fill of the container.

2 Form

The Form container provides control over the layout of a form, mark form fields as required or optional, handle error messages, and bind form data to the Flex data model to perform data checking and validation.

3 VGroup

The VGroup container is a Group container that uses the VerticalLayout class.

4 HGroup

The HGroup container is a Group container that uses the HorizontalLayout class.

5 Panel

The Panel class is a container that includes a title bar, a caption, a border, and a content area for its children.

6 SkinnableContainer

The SkinnableContainer class is the base class for skinnable containers that provide visual content.

7 TabBar

The TabBar displays a set of identical tabs.

8 TitleWindow

The TitleWindow extends Panel to include a close button and move area.

Advertisements