Set scroll position inside radwindow

[James]

I have a RadWindow that scrolls vertically, since its content is rather long.

Is there a way to set the scroll position inside of the radwindow via javascript? Specifically I want to scroll to the top of the radwindow after a user clicks a button within it.

[Marin Bratanov]

Hello James,

You can use the scrollTop property of the element with the scrollbar and the OnClientShow event of the RadWindow to set it to the desired value. It is done in the same manner as with any other div:

<div style="width: 100px; height: 100px; overflow: auto;" id="test">
    <div style="height: 1000px; background: yellow;">
    </div>
</div>
<telerik:RadWindow ID="RadWindow1" runat="server" OnClientShow="OnClientShow" OpenerElementID="Button1">
    <ContentTemplate>
        <div id="mainHolder" style="width: 100%; height: 100%; overflow: auto;">
            <div style="height: 1000px; background: yellow;">
            </div>
        </div>
    </ContentTemplate>
</telerik:RadWindow>
<asp:Button ID="Button1" Text="open the RadWindow" runat="server" />
<script type="text/javascript">
    function OnClientShow(sender, args)
    {
        $telerik.$($get("mainHolder")).scrollTop(200);
    }

    function pageLoad()
    {
        $telerik.$("#test").scrollTop(200);
    }
</script>

Regards,
Marin Bratanov
Telerik