How to increase size of Horizontal Selected Region on range selection

[Sumit]

Hello,

I am trying to accomplish following two things using slider control with IsSelectionRangeEnabled = True. 

1. Increase the height of horizontal selection
2. Write text on top of the image i.e. difference in range

For # 1, I have manually increased the size of SelectedRegionHorizontalBgr in Slider folder, however it didn't had any effect.  I verified SelectedRegionHorizontalBgr .gif is the image which shows up in horizontal selection.

The question is : What is right way of increasing the size of horizontal selection? 

I am still researching on #2, which might end up writing text on top of image, any suggestions for #2 are welcome.

P.S  - Attached image shows how my slider control looks like.

Thanks,
Sumit

[Bozhidar]

Hi,

1. Increase the height of horizontal selection

To achieve this, you should create custom skin where to specify a bigger height value for the sliding zone. RadSlider Custom Skin tutorial will show you how to create a custom skin, and RadSlider Custom Skins demo will give you a few examples of customized skins, and one of them is with a higher slider zone.

2. Write text on top of the image i.e. difference in range

I am not quite sure what you are trying to achieve, and where you would like to put the text, but usually that could be achieved with JavaScript by manipulating RadSlider dom, and putting some extra HTML where you need to put the text.

Regards,
Bozhidar
the Telerik team