[4.0.6] How to float panel

[zhenrong]

Hi,

I would like to have a panel that behaves like the following:

• a div with a fixed height (e.g. 500px), hidden under the element above it (using z-index)
• set to top: -470px so that only the last 30px is revealed. In the last 30px, i haev a fit-layout button docked to bottom in dockedItems.
• when the button is toggled, i want to show the div (i.e. set top:0) by sliding down and hides by sliding up (i.e. set top: -470px)
• the div should be floating above the content rather than pushing the content down.

I could do this easily with normal html and jquery. But i am having trouble implementing this with Ext JS.

I have set floating: true but how can i get it to appear by default and in the correct order under the container's items?

ANy help will be appreciated.


Thanks!

[zhenrong]

Hmm.. Anyone?

Also, should i be using windows or panel for this?