Wednesday, May 7, 2008

FFF CSS Menus Over Flex, Flash and Flash Forms

Recently I came across the issue where I needed to change from an old menu design to a CSS drop-down menu. (Similar to the way File, Edit .... Help works).
The main application was Flash based content - which presented me with a problem. The issue is that the CSS content drops behind the flash content.

Fortunately, the solution is easier than I thought.

Add This to your Object tag:
<param name="wmode" value="transparent" />
If you use version detection, make sure you add it in there. It will look something like this:
AC_FL_RunContent(
...
"wmode","transparent",
...


If you still have Flash Forms for ColdFusion laying around, just add the following to your CFFORM tag:
wmode="transparent" (note that this goes in the tag, along with your format="flash" attribute.)

If others know of pitfalls or have a sexier solution, by all means - share. :)

2 comments:

Mark Kruger said...

Jason - this stuff is really excellent. Keep up the good work. I also appreciated the article on "Prism" - I'm going to have to check that out. Thanks.

Anonymous said...

CFFORM tag:
vmode="transparent" should say
wmode="transparent"