TrackBarEdit.TrackHeight Property

Gets or sets the TrackBarEdit’s height when the TrackBarEdit‘s Orientation is Horizontal. This is a dependency property.

Namespace: DevExpress.Xpf.Editors

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

NuGet Package: DevExpress.Wpf.Core

Declaration

C#

public double TrackHeight { get; set; }

VB.NET

Public Property TrackHeight As Double

Property Value

Type	Description
Double	The TrackBarEdit’s height, in pixels.

Remarks

The following code sample specifies the TrackHeight, FarTrackStyle, NearTrackStyle, and ThumbStyle 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,-5,0"
                                    CornerRadius="4" />
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
            <Style x:Key="farTrackStyle" TargetType="RepeatButton">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate>
                            <Border Background="Red" Height="8" VerticalAlignment="Center"
                                    Margin="-5,0,0,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"
                          NearTrackStyle="{StaticResource nearTrackStyle}"
                          FarTrackStyle="{StaticResource farTrackStyle}"
                          ThumbStyle="{StaticResource trackBarEditThumbStyle}" />
    </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