Skip to main content
All docs
V25.1
  • TrackBarRangeStyleSettings.NearThumbStyle Property

    Gets or sets the TrackBarEdit’s left thumb style. This is a dependency property.

    Namespace: DevExpress.Xpf.Editors

    Assembly: DevExpress.Xpf.Core.v25.1.dll

    NuGet Package: DevExpress.Wpf.Core

    Declaration

    public Style NearThumbStyle { get; set; }

    Property Value

    Type Description
    Style

    The TrackBarEdit’s track bar style.

    Remarks

    The following code sample specifies the NearThumbStyle, SelectedRangeBackgroundStyle, and FarThumbStyle properties:

    <Window ...
        xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors">
        <StackPanel>
            <StackPanel.Resources>
                <Style x:Key="trackBarEditThumbStyle" TargetType="Thumb">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate>
                                <Ellipse Width="20" Height="20" Fill="Blue" />
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </StackPanel.Resources>
                <dxe:TrackBarEdit Margin="5" Minimum="0" Maximum="100" SelectionEnd="75" SelectionStart="25"
                                          Background="#FFDABEFC" BorderBrush="#FFDABEFC"
                                          dxe:EditorAppearanceProperties.FocusedBorderBrush="#FFDABEFC"
                                          CornerRadius="4" TrackHeight="8"
                                          TickPlacement="None">
                    <dxe:TrackBarRangeStyleSettings NearThumbStyle="{StaticResource trackBarEditThumbStyle}"
                                                    FarThumbStyle="{StaticResource trackBarEditThumbStyle}">
                        <dxe:TrackBarEdit.StyleSettings>
                            <dxe:TrackBarRangeStyleSettings.SelectedRangeBackgroundStyle>
                                <Style TargetType="ContentControl">
                                    <Setter Property="Template">
                                        <Setter.Value>
                                            <ControlTemplate>
                                                <Border Background="#FF6200EE" Height="8" VerticalAlignment="Center"
                                                        Margin="-10,0" CornerRadius="4" />
                                            </ControlTemplate>
                                        </Setter.Value>
                                    </Setter>
                                </Style>
                            </dxe:TrackBarRangeStyleSettings.SelectedRangeBackgroundStyle>
                        </dxe:TrackBarRangeStyleSettings>
                    </dxe:TrackBarEdit.StyleSettings>
                </dxe:TrackBarEdit>
        </StackPanel>
    </Window>
    

    TrackBarEdit - Appearance Properties

    Note

    The property is supported in the following DevExpress themes:

    Theme Family Themes
    Windows 11 Dark, Light
    Windows 10 Dark, Light
    Office 2019 Black, Colorful, Dark Gray, White, HighContrast
    Visual Studio 2019 Blue, Dark, Light
    Office 2016 SE Black, Colorful, Dark Gray, White
    Visual Studio 2017 Blue, Dark, Light
    See Also