We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Thickness of the Slider

Good Morning, I need to increase the thickness of the Slider, I tried with height property but it only increases the height of the control.

        <input:SfRangeSlider Grid.Row="1" Grid.Column="1" x:Name="Slider"







                             Width="300" Height="100"/>

3 Replies

VV Vijayakumar Viswanathan Syncfusion Team February 22, 2023 10:02 AM UTC

Hi Edoardo,

Thanks for contacting Syncfusion support. 

In SfRangeSlider, the InactiveTrackStyle and ActiveTrackStyle can be utilized to customize the style of the track, including its thickness. For more information, please refer to our User Guide document using the below link. Additionally, we have also provided a sample for your reference. Please review it and let us know if you require any additional information or clarifications.

UG link: https://help.syncfusion.com/wpf/range-slider/customization


Vijayakumar V

Attachment: WpfRangeSlider_c39e315a.zip

EG Edoardo Gazzola March 1, 2023 07:44 AM UTC

Hi  Vijayakumar,

Thank you for your support and your example.

I managed to change the style following your directions, but in Runtime with the startup App the style returns to default.

My project example in the attach


Attachment: wpfappmasterTesmitWpfApp_a4d17ff6.zip

VV Vijayakumar Viswanathan Syncfusion Team March 7, 2023 03:00 PM UTC

Hi Edoardo,

When using a theme, the style defined in the theme for the control will take precedence over any styles set in the project. To customize the style of the control, you can import the control style from the theme and override it in the project. In SfRangeSlider, we can use the Template property to customize the track style. We have verified that this workaround successfully allows for customization of the control's style within the sample project. Please review the sample and let us know if you need any further assistance.

Attachment: TesmitWpfApp_c54ed2ce.zip

Live Chat Icon For mobile
Up arrow icon