Remove padding for RadSlider

1 Answer 21 Views
Slider
Marat
Top achievements
Rank 1
Marat asked on 22 Nov 2024, 06:54 AM

RadSlider has some paddings, is it possible to remove it?

I would like to have it from edge to edge

 


<telerik:RadSlider 
     Padding="0"
     BackgroundColor="Blue"
     TicksPlacement="None"
     TickStep="10"
     SnapMode="SnapToTicks"
     LabelsPlacement="End"
     LabelStep="10"
     StringConverter="{x:Static converters:PetDistanceStringConverter.I}"
     Minimum="0"
     Maximum="100"
     Value="{Binding Distance, Mode=TwoWay, Converter={x:Static converters:IntToDoubleConverter.I}}"
     Margin="0,14,0,0" />

 

1 Answer, 1 is accepted

Sort by
0
Accepted
Didi
Telerik team
answered on 22 Nov 2024, 03:51 PM

Hi Marat,

This is by design and control implementation. The place is for the thumb. If there is no space, the thumb will be cut and the label too. I hope this explains why there is a space in the slider. I have checked the API and there isn't a way to reduce this space.

All available features the control provides are described in the documentation: https://docs.telerik.com/devtools/maui/controls/slider/overview I can suggest you style the track part of the control https://docs.telerik.com/devtools/maui/controls/slider/styling/track-styling, instead of setting the background to the complete element. You can style the different parts of the slider. This is described in the styling section of the documentation.

Regards,
Didi
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Slider
Asked by
Marat
Top achievements
Rank 1
Answers by
Didi
Telerik team
Share this question
or