[Raghu]FLEX – i – FRAME

One of the biggeset pain points of FLEX/Flash (as i see it) is its inability to render HTML in its totality. FLEX supports a few HTML Tags, but not all.

The trick is very simple. Its just a clever use of the External API interface that lets the Actionscript inside a Flash movie, talk to the Javascript inside the html (in which it is embedded). In this case, the approach is to let the javascript position an IFrame on top of a specific area of your Flex application to provide a container for the HTML content which will then appear embedded in the application.

The IFrame component extends Canvas and is used like any other Flex container. Behind the scenes, it acts as a proxy for the actual HTML IFrame. For example, when the IFrame component is resized or moved it automatically asks the HTML document to resize/move the actual IFrame. You can easily find the ExternalInterface calls in IFrame.mxml and the corresponding JavaScript functions in iFrameDemo.html (renamed to iFrameDemohtml.mxml for reading purposes).

But what kind of surprised me was the amazing perfomance of the History Managemet API. While still within the FLEX Application, you can use the browser back button to navigate to earlier pages… really NEAT !!!

[ Read More | Demo ]

[XML/SWF Gauge] Flash Gauges/Charting

XML/SWF Gauge is a simple, yet powerful tool to create attractive web gauges and dials from dynamic data.

Create an XML source to describe a gauge, then pass it to this tool’s flash file to generate the gauge. Type the XML source manually, or use any scripting language (PHP, Perl, ASP, CFML, etc.) to generate it automatically.

XML/SWF Gauge makes the best of both the XML and SWF worlds. XML provides flexible data generation, and Flash provides the best graphic quality.

This may not be a Flex solution, but its still a Flash solution for some charting challenges.

An MXML component that embeds JavaScript in html

Abdul Qabiz’s Blog – India: A MXML component that embeds JavaScript in html
A MXML component that embeds JavaScript in html