[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications, and Dialogs
  [Collapse]Editors and Simple Controls
   [Expand]Simple Editors
   [Expand]Lookup Editors
   [Expand]Token Edit Control
   [Expand]Breadcrumb Edit Control
   [Collapse]Range Control
    [Expand]Examples
     Visual Elements
     Numeric Ranges
     Custom Range Control Client
   [Expand]Image Slider
    Camera Control
    Templated ListBox Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
  [Expand]Sunburst Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Visual Elements

The following image illustrates the Range Control's visual elements:

Element

Description

Visibility

Viewport

This is the area where the Range Control's Client draws the data that falls into the currently visible range.

Ruler

Displays values along the visible range. The ruler can be hidden or drawn by the Range Control's Client itself.

RangeControl.ShowLabels

Selection Thumb

Two selection thumbs mark the selected range. You can drag them to change the selection.

RangeControl.SelectionType

Zoom&Scroll Bar

Contains controls that allow you to scroll and zoom the visible range.

RangeControl.ShowZoomScrollBar

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 Grip

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.

Is this topic helpful?​​​​​​​