[Solved] Window as a floating toolbar

[Andrew]

I'm trying to create a window that behaves a bit like a floating toolbar - i.e. it stays stationary while the content beneath it is allowed to scroll with the browser.

I can get about halfway there simply with 

#MyLovelyWindow
{
        position : fixed !important;
}

which nearly works, except when you scroll and then re-interact with the window. At this moment it panics about its position and kind of gives itself an offset. Is it possible to turn off or override that behavior so that it can be given a fixed position ?

TIA 

[Atanas Korchev]

Hi Andrew,

 The window component was not planned to be made stationary by using position:fixed. This is probably the reason it misbehaves. I would suggest that you just use the HTML of the window without creating the client-side component. From your requirements it seems that you don't need any client-side features - just the look and feel. If you want to try here is a code snippet:

<div  id="MyLovelyWindow" class="t-widget t-window">
    <div class="t-window-titlebar t-header">
         <span class="t-window-title">[Title of the Window]</span>
        <div class="t-window-actions t-header"></div>
    </div>

    <div style="overflow: auto; width: 300px; height: 300px;" class="t-window-content t-content">
            [Content of the window]
    </div>
</div>

Greetings,
Atanas Korchev
the Telerik team