Skip to main content

TrackBarControl Class

Displays a scale with tick marks. Users can drag a thumb to change the current value.

Namespace: DevExpress.XtraEditors

Assembly: DevExpress.XtraEditors.v23.1.dll

NuGet Package: DevExpress.Win.Navigation


public class TrackBarControl :


The image below illustrates a Track Bar Control:


Main Settings

Value Progression Settings

  • Properties.SmallChange - a small-increment increase or decrease in value. The control’s slider moves in small-increment steps when a user presses an arrow key.
  • Properties.LargeChange - a large-increment increase or decrease in value. The control’s slider moves in large-increment steps when a user presses the Page Up or Page Down key.
  • Properties.SmallChangeUseMode - specifies whether a user can spin the mouse wheel to change the control value by a small increment.

Manage the Control Value in Code

private void TrackBarControl1_ValueChanged(object sender, EventArgs e) {
    TrackBarControl tbc = sender as TrackBarControl;
    if (tbc.OldEditValue != null && (int)tbc.OldEditValue < 8 && tbc.Value >= 8)
            "We reccomend that you keep this setting at Level 7 or less", "Warning");

Tickmarks and Labels

  • Properties.TickStyle - specifies whether a control should display tickmarks on both sides of a scale, on one side only, or hide them completely.
  • Properties.TickFrequency - the distance between adjacent tickmarks.
  • Properties.ShowLabels - gets or sets whether a control shows labels next to tickmarks. Default labels are value numbers (1, 2, 3, etc.). You can edit the Labels collection to replace them with custom strings.


DevExpress controls support regular and super tooltips. If the ShowToolTips option is enabled, tooltips are shown when the mouse pointer hovers over the control.

Use the following properties to specify a regular tooltip’s content:

  • ToolTip — A regular tooltip’s text. If the text is not specified, the tooltip is not displayed even if the title is specified. You can use line breaks in regular tooltips. Use the AllowHtmlTextInToolTip property to specify whether to parse HTML tags in the text. HTML tags allow you to format the text: size, style, hyperlinks, etc.
  • ToolTipTitle — A regular tooltip’s title. If the title is not specified, it is not displayed.
  • ToolTipIconType — A regular tooltip’s predefined icon. Use the controller’s IconSize property to specify the image size.


    To display a custom image in all regular tooltips, use the controller’s ImageList and ImageIndex properties.

    To display a custom image in a specific regular tooltip, handle the BeforeShow event. Use the ImageOptions event argument to assign a raster or vector image to the processed tooltip.

Use the SuperTip property to assign a super tooltip to a control. Enable the AllowHtmlText property to use HTML tags in the super tooltip.

To replace regular tooltips with super tooltips, set the ToolTipController.ToolTipType property to SuperTip. The controller automatically converts regular tooltips to super tooltips. To access this property, you can use the DefaultToolTipController component or a custom controller assigned to the ToolTipController property. See the following topic for more information: Hints and Tooltips.


See Also