Comments on: Drawer Component in Flex 4

By: justin

justin — Mon, 14 Nov 2011 18:57:37 +0000

@Chris: see comment #2 above.

You’ll need to to flip-flop the open close buttons, so down arrow is open and up arrow is close.

By: Chris

Chris — Sat, 12 Nov 2011 14:01:49 +0000

Great component! I wanted to be able to modify this so that the drawer button is at the top and when clicked it slides down with the contents. I can’t seem to figure out a way to do this with transitions. Any ideas?

By: juniorFlex

juniorFlex — Thu, 27 Oct 2011 22:17:08 +0000

I played around for the arrows and is there a nice way to make the arrows on the left and right hand side. Again Thanks for the reply .. I did not see your message and posted the same question again .. Once again thank you.

By: justin

justin — Thu, 27 Oct 2011 18:41:18 +0000

@juniorFlex: See my comment #2 above.

You’ll need to modify the placement of the components in the DrawerSkin and you’ll also need new open and close buttons (mine are hardcoded to be up and down arrows).

By: juniorFlex

juniorFlex — Thu, 27 Oct 2011 18:16:37 +0000

how to make drawer to right hand side and change the height of it. Couldn’t figure that out.

By: Beau N. Brewer

Beau N. Brewer — Tue, 10 May 2011 23:54:20 +0000

Static initializer is a good solution, but if you have a library of components a better way would be to include a default.css in the /src folder of your library. This isn’t well documented, but works like a charm.

By: Joel

Joel — Fri, 18 Feb 2011 15:23:31 +0000

Love it. Using it. Thanks!

By: JCSL

JCSL — Sat, 12 Feb 2011 16:54:08 +0000

Nice! Exactly what I was looking for, thanks!

By: justin

justin — Thu, 09 Dec 2010 18:14:05 +0000

@JC: I’m not sure multiple drawers is the correct solution (or proper UX for that matter). I envision the drawer as a “config panel” that slides out only when you need it.

If you need to put lots of info in the drawer, but don’t want it to be really big, then I suggest using some other visual organizer kind of component (tabs or accordion). For example, you might have one drawer that comes up from the bottom with a horizontal accordion inside it.

By: JC

JC — Thu, 09 Dec 2010 15:44:11 +0000

Great sample code. Thanks

I run into a interesting problem when I try to use this in a bigger scale. I have five drawer going, now the problem is since they are draw one of top of another, When the last one slides out it cover up all the other drawer button. Any idea how to make it so the buttons will never be covered if I have multiple of them? I have a feeling, I might even need some kind of manager class to keep track of different state for multiple drawer. Thanks for any idea in advance.