Floating Panel, expands instead of floating ..

[Tatonka]

Hi,

I am trying to add a floating help section to the website I am working on right now. The idea was to use a floating panel, that would float in above the main content of the website, thus not disrupting the views.

Now I have to problems with the implementation.
1. I can't invoke the expand/collapse "manually", as in the user click the "open help" button. toggleCollapse or expand lead to a regular expand instead of a floating in ..
2. and the other point is sort of related .. I want the remove the header bar when the panel is collapsed. As said, the user can use the help button, so there is no need for the header bar to take up space all the time.

I made a little js fiddle illustrating the problem ..
http://jsfiddle.net/rY33L/1/

Any help is appreciated.

Thanks
T.

[mitchellsimoens]

So the panel is collapsed by default then you want it to expand over but the body of the panel will float above the rest?

[Tatonka]

Sorry for the late reply .. it is my first day back on the project after the holidays.

So what I am aiming for is the behaviour of the panel when you click the header bar (on the right side). Then the panel is rendered but floats "on top" of the main body. The whole thing should be triggered by clicking the button though.

When clicking the button however, the panel is becoming part of the layout, pushing the main content aside.

Thanks for your help.

T.

[mitchellsimoens]

It will have to be floating, otherwise the panel will always be within the parent panel and therefore will show "under"

[Tatonka]

Thanks for the answer.

So in the jsfiddle example the "help/float" panel is set to floatable true and that works well when opening it with a click on the header bar .. it is only when trying to open it using a method call (currently I used panel.expand, but that is obviously wrong) it behaves so differently.

Is there an easy way to position a panel (outside the main layout) on the right edge of the screen and have it float in from there other than calculating the new position every time the browser window changes?

Thanks again for taking the time.

T.