The QuadDividedBox Component

Quad Divided Box Component

A year or so back, I wrote a component for Jeff Tapper called the QuadDividedBox. It works as if an HDividedBox and VDividedBox had a baby.

For the most part, it is just an intense modification of the DividedBox code, but you get four quadrants and can rescale the view area to give each a specific amount of screen real estate. It support liveDragging, respects things like the minHeight and minWidth of each child, supports maximizing a quadrant and even allows skinning of the drag icon.

Jeff didn’t end up needing it for his project and since we are all hanging out under the same metaphoric roof these days, I thought I would post it online for anyone interested to use.

The compiled version has viewSource enabled, so just click on the image and get what you need.



    thank you for this wonderful contribution to the flex community! stef

    • by stef
    • 4:02 pm, February 22, 2008

    Thats one friggin SWEET component!

    Great job, thanks!

    I was wondering what you use mx in the package name for? You have components that apply to a particular version of flex under that mx package?

    • by Tink
    • 8:02 am, February 23, 2008

    the mx was a convention that I used to use as I wanted the component names here to mirror the package structure of Adobe. I don’t do that anymore, but this is an older project.

    Thanks for the reply and a great component.

    • by Tink
    • 11:02 am, February 24, 2008

    Thanks for the very cool – and very useful – component.

    Great component. Can you tell me which method you would call to return the boxes to their original sizes after you zoom one of them. Thanks.

    • by David Bridges
    • 10:03 am, March 4, 2008


    There isn’t a method to handle that. If you wanted to do so, you could just keep a copy of the boxes respective sizes whenever one was maximized so that you could restore the sizes later.