AutoScrolling

RadScheduler expose auto scrolling functionality. This feature will help end users by auto scrolling the visible area of the view while dragging appointments in the control.

Enabling and disabling auto scrolling

By default the auto scrolling functionality is enabled. In order to disable it you need to set the ScrollingSettingsBehavior.IsEnabled attached property to false:

Example 1

<telerik:RadScheduler telerik:ScrollingSettingsBehavior.IsEnabled="False"> 
    ... 
</telerik:RadScheduler> 

Customizing the auto scrolling feature

It is possible to make some customizations to the auto scrolling behavior in RadScheduler - for example change the scrolling step, set different time interval of the scrolling and adjust the scroll area padding.ScrollStep

ScrollStep

The default value that is set to the ScrollStep property is equal to 5px. This value determines how many pixels will be skipped while dragging the appointments.

The next code snippet demonstrates how to change the scrolling step in order to make the auto scrolling speed two times faster than its default value:

Example 2

<telerik:RadScheduler ScrollStep="10"> 
    … 
</telerik:RadScheduler> 

ScrollStepTime

ScrollStepTime sets the time interval between the scroll steps of the auto scrolling feature. The default value of this property is 0.01 sec and it could be set to any TimeSpan value.

The next code snippet demonstrates how to set the scroll time interval to half a second:

Example 3

<telerik:RadScheduler telerik:ScrollingSettingsBehavior.ScrollStepTime="00:00:00.5"> 
    … 
</telerik:RadScheduler> 

ScrollAreaPadding

By setting ScrollAreaPadding you can customize at which point the auto scrolling functionality will start. This property could be set in the same manner as the Padding property. Its default value is 30px.

The next example shows how to set the ScrollAreaPadding in order to achieve top/bottom padding of 50px and right/left padding of 100px:

Example 4

<telerik:RadScheduler ScrollAreaPadding=" 100, 50, 100, 50"> 
    … 
</telerik:RadScheduler>