Tree and forms - like Windows Explorer. How to display several forms in the same screen location...

I want to create a screen that works very much like "windows explorer". The screen is to be divided into 2 panels. The left panel

will contain a tree. When the user clicks on a node in the tree, I want to render the relevent form, in the right hand panel.

Please note, each tree node renders a different form.

Please tell me how to render different forms (one at a time) in the same position (same coordinates) on the right hand panel.

Should I stack the forms on top of each other at design time and set "rendered" property to false, then set the relevant form to

rendered when the user clicks a node?

Also, please tell me the best component to use in order to render a screen with 2 columns - very much like "windows explorer".

I have already got the tree working.

Thank you.

IBM got this kind of display working years ago and uses it for their online documentation library on their boulder.ibm.com site. They used HTML Frames, where the left-hand frame contained an applet and the righthand frame contained content. However, a JSF tree (such as the RichFaces tree control) or a JavaScript tree control can also work in place of an applet.

Thanks for your response. As a work around, I have used IceFaces stackedPanel.