The following image illustrates the Range Control’s visual elements:
This is the area where the Range Control’s Client draws the data that falls into the currently visible range.
Displays values along the visible range. The ruler can be hidden or drawn by the Range Control’s Client itself.
Two selection thumbs mark the selected range. You can drag them to change the selection.
Contains controls that allow you to scroll and zoom the visible range.
Viewport Scroll Thumb
Marks the visible range within the total range. It can be scrolled by dragging, and can be resized via the Zoom Grips to change the visible range.
Zoom Grips are parts of the Viewport Scroll Thumb. They allow you to change the visible range by zooming in and out.
Selection Scroll Thumb
Marks the selected range within the total range. It can be scrolled to move the selected range.