TrackBarRangeStyleSettings.SelectedRangeBackgroundStyle Property

Gets or sets the TrackBarEdit’s selected range style. This is a dependency property.

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

Declaration

C#
VB.NET

csharp

public Style SelectedRangeBackgroundStyle { get; set; }

Public Property SelectedRangeBackgroundStyle As Style

Property Value

Type	Description
Style

The TrackBarEdit’s selected range style.

Remarks

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

XAML

xaml

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

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