Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

Flex layout panel


May 25, 2021 Flex


Table of contents


Layout panel controls provide users with organizing UI controls on the page. /b10> Each layout control inherits properties from the UIComponent class and then from EventDispatcher and other top-level classes.

S.N. Controls and instructions
1

Flex EventDispatcher Class

The EventDispatcher class is the base class for all classes that can dispatch events. /b10> The EventDispatcher class allows any object on the display list to be the object of the event, so use the IEventDispatcher interface method.

2

Flex UIComponent

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

The layout panel

Here are a few important layout panels :

S.N. Panels and instructions
1

BorderContainer

The BorderContainer class provides a set of CSS styles that control the appearance of the container's borders and background fills.

2

Form

The Form container provides control over the layout of the form, marks the form fields as required or optional, handles error messages, and binds the form data to the Flex data model to perform data checks and validations.

3

VGroup

A VGroup container is a group container that uses the Vertical Layout class.

4

HGroup

HGroup containers are Group containers that use the Horizontal Layout class.

5

Panel

The Panel class is a container that includes the title bar, subtitles, borders, and content areas of its children.

6

SkinnableContainer

The SkinnableContainer class is the base class for skin-changing containers that provide visual content.

7

TabBar

The tab bar displays the same set of tabs.

8

TitleWindow

TitleWindow extends Panel to include a close button and a moving area.