Increase/Decrease arrows do LargeChange

2 posts, 0 answers
  1. Clarence Klopfstein
    Clarence Klopfstein avatar
    13 posts
    Member since:
    Oct 2008

    Posted 22 Oct 2009 Link to this post

    Is it possible to have the increase/decrease arrows move the selection by the large change value instead of the small change value?

    If not, may I recommend such a feature... would help me a ton right now :-)
  2. Tsvetie
    Tsvetie avatar
    1517 posts

    Posted 26 Oct 2009 Link to this post

    Hi Clarence Klopfstein,
    The RadSlider does not offer such functionality, however, you can achieve this using the client-side API of the control:
    <telerik:RadSlider ID="RadSlider1" runat="server" ItemType="Tick" Width="400px" Height="70px"
    TrackPosition="BottomRight" SmallChange="5" LargeChange="10" OnClientBeforeValueChange="OnClientValueChanging"
    OnClientSlideStart="OnClientSlideStart" OnClientSlideEnd="OnClientSlideEnd">
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
        var avoidRecursion = false;
        function OnClientValueChanging(sender,args)
            // Change the behavior of the slider only in case the user is not manually dragging the dragHandle.
            if(isSliding || avoidRecursion) return;
            var largeChange = sender.get_largeChange();
            var newValue = args.get_newValue();
            var oldValue = sender.get_value();
            if(newValue == oldValue) return;
            var valueChange = ((sender.get_value() < newValue) ? 1 : (-1)) * largeChange;
            avoidRecursion = true;
            sender.set_value(oldValue + valueChange);
            avoidRecursion = false;
        var isSliding = false;
        function OnClientSlideStart(sender,args)
            isSliding = true;
        function OnClientSlideEnd(sender,args)
            isSliding = false;

    Please note that when using the set_value client method of the RadSlider, the change in the value of the slider is not animated.

    All the best,
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. DevCraft R3 2016 release webinar banner
Back to Top