This is a migrated thread and some comments may be shown as answers.

Bottom slider touch friendly

1 Answer 70 Views
TimeBar
This is a migrated thread and some comments may be shown as answers.
User1564
Top achievements
Rank 1
Veteran
User1564 asked on 20 May 2020, 10:31 AM

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.

1 Answer, 1 is accepted

Sort by
0
Vicky
Telerik team
answered on 22 May 2020, 07:29 AM

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

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Tags
TimeBar
Asked by
User1564
Top achievements
Rank 1
Veteran
Answers by
Vicky
Telerik team
Share this question
or