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

    Gets or sets the TrackBarEdit’s selected range 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 SelectedRangeBackgroundStyle { get; set; }

    Property Value

    Type Description
    Style

    The TrackBarEdit’s selected range style.

    Remarks

    The following code sample specifies the SelectedRangeBackgroundStyle, FarThumbStyle, and NearTrackStyle 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:TrackBarEdit.StyleSettings>
                        <dxe:TrackBarRangeStyleSettings NearThumbStyle="{StaticResource trackBarEditThumbStyle}"
                                                    FarThumbStyle="{StaticResource trackBarEditThumbStyle}">
                            <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>
    

    SelectedRangeBackgroundStyle - 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