Slider Width

2 posts, 0 answers
  1. mk
    mk  avatar
    7 posts
    Member since:
    Feb 2010

    Posted 07 Apr 2010 Link to this post


    I have an page that accesses a datasource to get information about an object Game for the year.  Each Game has a start date and end date.

    I want to dynamically generate slider for each game. However, here's the twist.  The WIDTH of the HANDLE of slider should be scaled
    according to the game length = start date - end date.

    I am lost as to how to approach this problem.  Any help would be appreciated.

    Example :
    The database returns the following
    Game 1:  Start Date = Apr, End Date = June , Hence Length = 3
    Game 2:  Start Date = Feb, End Date = Aug, Hence Length = 7
    Game 2:  Start Date = Oct, End Date = Nov, Hence Length = 2

                     Jan    Feb   Mar   Apr   May  June  July  Aug  Sept  Oct  Nov Dec
    Game 1     ---------------------[|||||||||||||||||||||||||||||||||]--------------------------------------
    Game 2     -------[|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||]--------------------------
    Game 3     ----------------------------------------------------------------[|||||||||||||||||]-----

    Also, I should be able to get slider values.  Can this be done using Telerik or do I need to do this using Jquery or some other library.

    Any help would be appreciated.


  2. Tsvetie
    Tsvetie avatar
    1517 posts

    Posted 13 Apr 2010 Link to this post

    Hi mk ,
    In this case, I would recommend that you use a slider with two dragHandles and set(get) the SelectionStart and SelectionEnd properties of the slider, instead of the Value property. For additional information on this functionality, please refer to our online demos (

    Best wishes,
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. DevCraft R3 2016 release webinar banner
Back to Top