mx:image

The perfect roll over slide out menu in Flex

Getting a roll over to work properly in Flex is no fun.

The Scenario

Mouse rolls over a tab, then the tab "slides out" revealing a tool bar or something.

The Tutorial

There are a few things you need to do to get this working right, let's walk through the steps.

  1. There's a few ways to do this, but I'm shooting for easiest. Let's say you have a top-oriented menu (top-right) that needs to slide down from 25 pixels to 80 pixels tall. Start by making our canvas.

mx:Image limitation

I have a website I'm working on where the background is 8000 pixels wide and 800 pixels tall. I tried for hours, but I could not get the image to load. So how did I solve the problem? With a rather ugly workaround. I created a HBOX with a horizontalGap of 0 and then put two images in it each one being 4000x800. That worked perfectly. I don't have time to really dig in and figure out what's going on or what specifically the limitation is, but I do know that it has something to do with dimensions, and not file size.
Syndicate content