New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

How to scroll into view a specific time slot on initial page load in RadScheduler


Product Telerik WebForms Scheduler for ASP.NET AJAX


The article demonstrates how to scroll to the 8AM time slot on initial page load.

Scroll into view the 8am time slot


The CssClass property of the 8AM time slot is set to "TimeSlotCssFor8AM" in the TimeSlotCreated event handler. Then, using JavaScript, the table cell (td) element of the specific time slot is found by its ClassName and the scrollIntolView() method is called.

protected void RadScheduler1_TimeSlotCreated(object sender, TimeSlotCreatedEventArgs e)  
    if (e.TimeSlot.Start.Hour == 8)
        e.TimeSlot.CssClass = "TimeSlotCssFor8AM";
    html body .RadScheduler .TimeSlotCssFor8AM {
        background: red;
    function pageLoad() {
        var scheduler = $find('<%= RadScheduler1.ClientID %>');
        var scrolledIntoViewSlot = $telerik.getElementByClassName(scheduler.get_element(), "TimeSlotCssFor8AM", "td");

        if (scrolledIntoViewSlot) {
            setTimeout(function () {
            }, 200);

In this article