How to increase size of Horizontal Selected Region on range selection

2 posts, 0 answers
  1. Sumit
    Sumit avatar
    1 posts
    Member since:
    Feb 2012

    Posted 14 Feb 2012 Link to this post

    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
  2. Bozhidar
    Admin
    Bozhidar avatar
    680 posts

    Posted 15 Feb 2012 Link to this post

    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
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top