This example demonstrates <strong>RadScrollBar</strong>.
Here you can test and compare the events being fired by <strong>RadScrollBar</strong> and Microsoft's
ScrollBars.<br/>
<br/>
To select a scrollbar, use the "Edit Properties for" combobox at the top right corner.
Then you can modify the properties of the selected control by changing
the property values below the combobox.<br/>
<br />

By <strong>ThumbLengthProportion</strong> we understand the thumb width for horizontal <strong>ScrollBar </strong> and the thumb height for vertical <strong>
    ScrollBar</strong>.
There are two modes for setting thumb length: automatic and proportional.<br /><br />
<ol>
    <li>Automatic mode - use negative values for property "<strong>ThumbLengthProportion</strong>" to activate automatic thumb length calculation.
In automatic mode the thumb length is determined by "Minimum", "Maximum" and "LargeChange" properties just like in Microsoft <strong>
    ScrollBar</strong>.</li>
    <li>Proportional mode - use values between 0 and 1 for property "<strong>ThumbLengthProportion</strong>" to activate proportional thumb length calculation.
The proportion is given as part of the whole possible area for the thumb</li>
</ol>

There is a property <strong>MinThumbLength</strong> which gives the minimum number of pixels for thumb length so value 0 for "ThumbLengthProportion" does not mean 0 pixels but "MinThumbLength" pixels.
This way if you wish to make the <strong>ScrollBar </strong> to be with thumb with constant length just set <strong>ThumbLengthProportion</strong> to 0 and <strong>MinThumbLength</strong>
to the number of pixels you wish.<br />
<br />
This example demonstrates the fact that the difference between horizontal and vertical scroll bars is only a property value.
To test both horizontal and vertical scrolling - just select "Telerik Both" and modify the <strong>ScrollType</strong>
property.