The Wizard Container

Want to see something I threw together today at work? I thought that this little component would help some people out that need a flow layout that would be very useful for wizards and places that the ViewStack just doesn’t work for you.

wizard container example

The idea behind this component is simple, a “Flexxy” way to see multiple views all at once while only really being able focus on one at a time.

For those people interested in “how” the component works, that is the easy part. The following simple flowchart will show how the component was thrown together.

Properties Changed -> updateChildrenLayout -> runLayout -> dispatch “layoutComplete”

So if a user clicks on a different view than the one selected, the selectedIndex property changes and the previous flowchart is dispatched.

wizardcontainer screen shot

See it in action here (View Source Enabled).

Hope you can make good use of it!

FYI. All the examples show Panels for the children, however any component based off of Container should work.

Share

Comments (1)

Nate BeckApril 7th, 2009 at 12:46 am

Nice work! That’s sweet.

Leave a comment

Your comment