View Flex <mx:…/> tag classes

This is probably common knowledge for most but I’m posting it as it just came up in conversation (as I demonstrated it to a colleague). Also for the budding component developers amongst us this be of use and even prove insightful.

So, given the title this obviously has something to do with MXML tags. Which it does.

So what about them?
Well I’m refering to is the functionality that allows you to load and review the actual classes that are defined by the tags in Flex Builder 2.0.

To do this open up Flex Builder and create a new MXML file. The default code that is generated will do so you should see the following in your ‘source’ view.

Flex default 'Application' code

[Thanks for the update Rob]Now with your mouse pointer click at the beginning of the <mx:Application… this should highlight that entire row, as you can see in the image mine highlights in blue. Now hold down CTRL on Windows or CMD (The Apple key :p) on OS X and hover your mouse over the word Application. What should happen is that it will underline and allow you to click it.

When you click this new link the Actionscript 3.0 class for that tag will open in the IDE for you to look through. Apologies if I’m posting ‘money for old rope’ style information but it is so easily missed if you haven’t heard or seen it before…

For those that haven’t I hope it proves useful :)

Mike Jones


  1. You don’t have to select anything. Just hold the control button and click on whatever you want.

  2. You can also press F3, which also works with Java code. F3 is ‘Open Declaration’ so you can also select any variable in your code, press F3, and it will goto the declaration of that variable

  3. this is used for embedding html pages in flex right ?

  4. @hitesh No, this is a short cut to allow developers to view the underlying ActionScript code that is represented by MXML within a Flex application :)

Comments are closed.