Mixing HTML and Flex using IFrame
One of the core elements of the new WebORB console is the TabNavigator component providing access to various product subsystems. Some tabs display nothing but a pure HTML content (introduction, getting started and documentation). The approach behind integrating Flex and HTML is quite simple. We borrowed the example created by Christophe Conraets and made some changes so it would work with Flex 2. Below is an example of the component in action followed by an overview of how it works:
You can browse and download the source for the example here.
The HTML file contains the following modifications:
- moveIFrame, setIFrameContent, hideIFrame and showIFrame functions.
- "wmode","opaque" parameters in the AC_FL_RunContent call. (If these parameters are not added, the html frame is not rendered properly.).
- iframe declaration at the bottom of the file