Back to Devexpress

TrackBarZoomRangeStyleSettings.DecrementButtonStyle Property

wpf-devexpress-dot-xpf-dot-editors-dot-trackbarzoomrangestylesettings.md

latest4.4 KB
Original Source

TrackBarZoomRangeStyleSettings.DecrementButtonStyle Property

Gets or sets the TrackBarEdit‘s decrement button style. This is a dependency property.

Namespace : DevExpress.Xpf.Editors

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

NuGet Package : DevExpress.Wpf.Core

Declaration

csharp
public Style DecrementButtonStyle { get; set; }
vb
Public Property DecrementButtonStyle As Style

Property Value

TypeDescription
Style

The TrackBarEdit’s track bar decrement button style.

|

Remarks

The following code sample specifies the DecrementButtonStyle , IncrementButtonStyle, ThumbStyle, and NearTrackStyle properties:

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>
            <Style x:Key="nearTrackStyle" TargetType="RepeatButton">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate>
                            <Border Background="#FF6200EE" Height="8"
                                    VerticalAlignment="Center" Margin="0,0,-10,0" CornerRadius="4" />
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </StackPanel.Resources>
            <dxe:TrackBarEdit Margin="5" Minimum="0" Maximum="100" Value="50"
                              Background="#FFDABEFC" BorderBrush="#FFDABEFC"
                              dxe:EditorAppearanceProperties.FocusedBorderBrush="#FFDABEFC"
                              CornerRadius="4" TrackHeight="8" TickPlacement="None" TrackWidth="300"
                              NearTrackStyle="{StaticResource nearTrackStyle}"
                              ThumbStyle="{StaticResource trackBarEditThumbStyle}">
                <dxe:TrackBarEdit.StyleSettings>
                    <dxe:TrackBarZoomStyleSettings DecrementButtonStyle="{StaticResource decrementButtonStyle}"
                                                   IncrementButtonStyle="{StaticResource incrementButtonStyle}" />
                </dxe:TrackBarEdit.StyleSettings>
        </dxe:TrackBarEdit>
    </StackPanel>
</Window>

Note

The property is supported in the following DevExpress themes:

Theme FamilyThemes
Windows 11Dark, Light
Windows 10Dark, Light
Office 2019Black, Colorful, Dark Gray, White, HighContrast
Visual Studio 2019Blue, Dark, Light
Office 2016 SEBlack, Colorful, Dark Gray, White
Visual Studio 2017Blue, Dark, Light

See Also

TrackBarZoomRangeStyleSettings Class

TrackBarZoomRangeStyleSettings Members

DevExpress.Xpf.Editors Namespace