Keep a div poosition in the window fixed while scrolling

[Wai Kei]

Hi Telerik,

    We have a need to fix a Telerik window size (cannot be resized or moved). Some content (a div with some text in it) inside the window needs to be keep in view while the Telerik window is scrolling up and down. I am trying to bind a scroll event to the Telerik window but it doesn't seem to be firing. I would believe it's just a "div" right? So I should be able to set the onscroll event on the window directly.

    <% Html.Telerik().Window()
        .Name("WindowCoding")        
        .Title(" ")
        .Draggable(false)
        .Scrollable(true)
        .Modal(false)
        .Content(() =>
            {%>
            <% Html.RenderPartial("~/Views/Shared/Input/ucLetterCoding.ascx", Model); %>
            <%})
        .Buttons(b => b.Maximize())
        .Height(400)
        .ClientEvents(events => events.OnResize("WindowCoding_OnResize"))
        .HtmlAttributes(new { onscroll = "onWindowCodingScroll()" })
        .Render(); %>

function onWindowCodingScroll() {
    alert("1234!");
}

But the onscroll event is not firing. I read that I need to make sure the div (the Telerik Window") has the overflow: auto css set. And I believe since I see the scrollbar on the right side of the Telerik Window. This property is already set.

What could I be doing wrong there?

Thanks,

Wai Kei

[Wai Kei]

I found the problem. I should be using "#WindowCoding .t-window-content" instead of just "#WindowCoding".