Scheduler inside a scrolling div

[gershie]

Hello, I have a page that has scrolling disabled on the page so that the header stays in place. Instead there is a div on the page below the header that has scrolling enabled. When I put a scheduler in the div, it does not stay within the div. This simple bit of code is enough to demonstrate the issue:

 

<div style="height:300px;width:300px;overflow:scroll;">
    <Telerik:RadScheduler runat="server" OverflowBehavior="Expand"
        DataKeyField="none" DataSubjectField="none" DataStartField="none" DataEndField="none" />
</div>

 

Another option that I have tried is to use the built-in scrolling of the scheduler:

<Telerik:RadScheduler runat="server" OverflowBehavior="Scroll"
    DataKeyField="none" DataSubjectField="none" DataStartField="none" DataEndField="none" />

 
But in this case a height for the scheduler needs to be decided ahead of time. The scheduler will either not fill the available space or it would expand outside of the div. As far as I can tell, the height can't be adjusted to take up all the available space using the client-side API when the window is resized. (I had success doing this with the RadSplitter on other pages.)

Is there a solution that would allow all the available space to be taken up without the scheduler expanding outside of the div, even when the window is resized?

Please let me know if there are other options.

 

[Kamen Bundev]

Hi Gershie,

This happens due to the position: relative bug in IE6/7. To fix it, just set position: relative to your scrolling container.

Sincerely yours,
Kamen Bundev
the Telerik team