.NET MAUI CircularSlider Track Styling

Updated on Aug 11, 2026

The CircularSlider for .NET MAUI provides the following styling options for the backtrack (the arc the thumb slides along):

• BackTrackThickness (double)—Specifies the thickness of the CircularSlider's backtrack.
• BackTrackColor (Color)—Defines the color of the CircularSlider's backtrack.
• BackTrackStyle (Style)—Defines a custom style for the CircularSlider's backtrack.

The CircularSlider for .NET MAUI provides the following styling options for the range track (the track between OriginValue and Value):

• RangeTrackFill (Color)—Defines the fill color for the CircularSlider's range track.
• RangeTrackStyle (Style)—Defines a custom style for the CircularSlider's range track.

The following example demonstrates how to use the described styling properties to style the CircularSlider's backtrack and range track:

XAML

<telerik:RadCircularSlider Minimum="0"
                           Maximum="100"
                           Value="35"
                           BackTrackColor="#80CBC4"
                           BackTrackThickness="10"
                           RangeTrackFill="#009688"
                           ThumbFill="#00695C"
                           HorizontalOptions="Fill"
                           VerticalOptions="Start"
                           MinimumHeightRequest="300" />

This is the result:

For a runnable example demonstrating the CircularSlider track styling, see the SDKBrowser Demo Application and go to the CircularSlider > Styling category.

See Also

• Backtrack
• Range Track
• Value Thumb