This example demonstrates how <strong>RadScrollViewer</strong> works.
The scroll viewer contains a rectangle and a triangle which can be added or removed from the
area, which in turn change the size
of the content area. The fill primitive of the scroll viewer can also be added or removed, but it does not modify the content size - it is for beauty only.<br/><br/>

You can resize the form in order to resize the <strong>RadScrollViewer</strong>. For finer resizing, use the four buttons to the right of the area.
If an element (the square or the triangle) is not visible you can scroll to it (ensure its visibility) using
the buttons that are at the bottom.<br/><br/>

Experiment with different combinations between visible size and content size to test how <strong>RadScrollViewer</strong> works. The two <strong>RadScrollBars</strong>
that appear in the scroll view are synhronized with the external scrollbars.<br/><br/>
<strong>RadScrollViewer</strong> supports different modes of showing its scrollbars.
You can modify them with the radio button groups on the right side.<br/><br/>

In addition there are two Scrolling Types (modes): Physical and Logical which can be switched by property <strong>UsePhysicalScrolling</strong>.
In the example the difference between these two modes is in the line scroll (when ScrollBar arrows are clicked).
In Physical mode the scrolling is done in 16 pixels intervals per click; in logical - it is one pixel per click.
The logical scrolling makes more sense for elements like list boxes (used in <strong>RadListBox</strong>
or in the dropdown of <strong>RadComboBox</strong>) where the vertical scrolling depends on the heights of the child items.