Building Simple Application with Flex

EBA AJAX Grid + Flex Charting Component (Photo credit: Andre Charland)

Working with Containers

Lets now learn about the most important MXML tag in Flex.

Applicaiton
Description: root container for an Flex application

Properties:

layout, define lay out for its child components, possible values for this property are:

1. vertical - automatic top to bottom in order layout
2. horizontal - automatic left to right in order layout
3. absolute - no automatic layout, (x,y) location based layout

Note: The default layout, BasicLayout renderer doesn't respect the transformations that occur in the object's width/height/position during rotation. It still tries to layout the objects as if they were not rotated. However, if you use any other layout, like VerticalLayout or HorizontalLayout, the objects new dimensions after rotation is used.

style, defines formatting for the child components

1. backgroundGradientColors
2. verticalGap

How to Use Absolute Layout in Flex

More DIY videos at 5min.com

How to Use the appropriate Layout Type in your Flex Applicatoin

More DIY videos at 5min.com

Also visit blog to learn about adding inline ActionScript in MXML code

• Using Inline ActionScript in Flex

Related articles

• 10 Things A Good Flex Developer Should Know(flexdevelopers.com)

  ---

• Presenting Apache Flex(forta.com)

  ---

• Dive into Flexbox - Bocoup(weblog.bocoup.com)

  ---

• How can I add MXML objects from a Flex Library into my ActionScript Project?(stackoverflow.com)

  ---

• Using Flex 4 Skins & States to Disable a Component(flexdevelopers.com)

  ---

• Creating a Custom Visual Component(flexdevelopers.com)

  ---

• MXML + ANT + ASDOC = And then some(173.254.32.67)

  ---

• Applying the Presentation Model in Flex (blogs.adobe.com)