[4.0.6] How to float panel
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.
Also, should i be using windows or panel for this?
Tags for this Thread