Linked sliders that adjust together

2 posts, 0 answers
  1. Silviu
    Silviu avatar
    63 posts
    Member since:
    Feb 2015

    Posted 11 Oct 2019 Link to this post

    Is it possible to have two sliders that adjust each other's values automatically client-side?

    So both sliders have values 0 - 100 and if slider 1's value is adjusted to 60 then slider's value automatically becomes 40 (i.e. slider 2 value = 100 - slider 1 value and slider 1 value = 100 - slider 2 value)

  2. Eyup
    Admin
    Eyup avatar
    3962 posts

    Posted 16 Oct 2019 Link to this post

    Hi Silviu,

     

    Yes, of course - you can achieve this requirement using the following event handler provided by the slider control:
    https://docs.telerik.com/devtools/aspnet-ajax/controls/slider/client-side-programming/events/onclientvaluechanged

    Once you have the new value, you can subtract it from 100 and set the resulting value to the other related slider using the set_value() method:
    https://docs.telerik.com/devtools/aspnet-ajax/controls/slider/client-side-programming/radslider-object

    I hope this will prove helpful. Feel free to give it a try and let me know about the result.

     

    Regards,
    Eyup
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top