Bottom slider touch friendly

[User1564]

Hello Telerik Team,

How can I resize both thumbs in the slider?
I added a picture, where you an see it better.

I tried with changing width of ThumbStyle, which causes troubles. I cant move the bar completely to the left or right.

Thanks.

[Vicky]

Hello,

Thanks for the provided details and screenshot - they were of great help.

To change the size of both slider thumbs inside the RadTimeBar, you can use the SliderStyle property of the control. The slider itself has ThumbStyle and AlternateThumbStyle properties, responsible for the thumbs which you want to change. A sample code snippet follows:

<Grid>
	<Grid.Resources>
		<Style x:Key="myTimebarSliderThumbStyle" TargetType="Thumb" BasedOn="{StaticResource TimeBar_ThumbStyle}">
			<Setter Property="Width" Value="25"/>
			<Setter Property="Height" Value="25"/>
		</Style>
		<Style x:Key="myTimeBarSliderStyle" TargetType="telerik:RadSlider" BasedOn="{StaticResource TimeBar_SliderStyle}">
			<Setter Property="Height" Value="25"/>
			<Setter Property="ThumbStyle" Value="{StaticResource myTimebarSliderThumbStyle}"/>
			<Setter Property="AlternateThumbStyle" Value="{StaticResource myTimebarSliderThumbStyle}"/>
		</Style>
	</Grid.Resources>
	<telerik:RadTimeBar x:Name="radTimeBar" SliderStyle="{StaticResource myTimeBarSliderStyle}"/>
</Grid>

Please, try the above suggested approach and let me know if you find it helpful.
P.S. If you are not using the implicit styling mechanism to apply a Telerik theme, you should remove the BasedOn from the above styles.

Best Regards,
Vicky
Progress Telerik