Two Best External Debugging Tools for Flex / Flash Applicaitons, updated

Script Debugger icon (Photo credit: Wikipedia)

Below is the list of external debugging tools for Flash / Flex 

1. Monster Debugger (http://demonsterdebugger.com/)

an open source debugger for Adobe Flash, Flex and AIR for the desktop, the web and the mobile. Its made in Flex and AIR, It was donated by De Monsters as an open source debugger to Adobe Flash Community and is avaialble for free.

To take a tour of its debugging features visit: http://www.monsterdebugger.com/tour

2. Fxspy

A visual tool in Flex 3 that's able to read and modified the properties and styles of a running application (http://code.google.com/p/fxspy/ ). Visit the URL: http://www.mieuxcoder.com/data/2007/12/FlexSpy-1.2/dashboard.html for live demo of this tool.

Related articles

• PowerFlasher FDT 5 - Yet Another IDE for Flash/Flex/Air(practicalflex.blogspot.com)

  ---

• Flash builder debugger and Firefox 4(flashcarnival.blogspot.com)

  ---

• A great new debugger tool for Flash, Flex and Air applications(paragshah.wordpress.com) - A review of DeMonstor Debugger tool

  ---

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

  ---

• 10 Unit Testing Frameworks for Flex/Flash Applications and Libraries - Ntt.cc(ntt.cc)

  ---

• Flash Builder 4.7 and Adobe Scout 1.0 Released (inflagrantedelicto.memoryspiral.com)
• Can't get Flash Builder 4.6 debugger to run (stackoverflow.com)

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)