How to create very dynamic menu like Picnik's?

Question

Picnik's left hand menu:

http://www.picnik.com/app#/create/shapes

Basic features:

• Accordion like components (but multiple items can be selected)
• Each stack has multiple child stacked
• The whole menu resizes depending on how many stacks are selected and a scrollbar is also shown if necessary

So how Do I go about creating a menu like this? Any pointers to boot?

Thanks!

Answer 1

You might try a combination of VBox, collapsible panels and lists ( http://hasseg.org/blog/?p=113 ) That should give you all the tools you need.

My Vision of it: (cause I like drawing with pipes and dashes)

VBOX-------------------------
|                            |
|  Collapsing Panel--------  |
|  |                       | |
|  |  Tile List----------  | |
|  |  |                  | | |
|  |  |  Tile            | | |
|  |  |  Tile            | | |
|  |   ------------------  | |
|   -----------------------  |
|                            |
|  Collapsing Panel--------  |
|  |                       | |
|  |  Tile List----------  | |
|  |  |                  | | |
|  |  |  Tile            | | |
|  |  |  Tile            | | |
|  |   ------------------  | |
|   -----------------------  |
|                            |
|  Collapsing Panel--------  |
|  |                       | |
|  |  Tile List----------  | |
|  |  |                  | | |
|  |  |  Tile            | | |
|  |  |  Tile            | | |
|  |   ------------------  | |
|   -----------------------  |
 ----------------------------