Progress® Telerik® UI for ASP.NET AJAX Feedback Portal
Back to Feed
Request a Feature Report a Bug
Unplanned
Last Updated: 22 Jun 2020 10:23 by ADMIN
ADMIN
Slav
Created on: 15 Apr 2013 10:54
Category: Slider
Type: Feature Request
6
Improve the functionality of RadSlider's property 'LargeChange'
Currently the property LargeChange of RadSlider controls the following behaviors:

 - The interval for displaying value numbers in a slider with ticks;

 - The interval for moving the drag handle when an item in the slider is clicked. For example when LargeChange is set to 10, the currently selected value is 30 and the item with value 50 is clicked, the drag handle will be moved to 40;

Separating these functionalities will allow directly moving the drag handle to a clicked value on the slider track and displaying value numbers in the slider at the same time.
6 comments
ADMIN
Rumen
Posted on: 22 Jun 2020 10:23

Hi Everybody,

Thank you for voting for this useful feature. We raised its priority in the backlog!

If you want to have the tick mode to operate like item mode, e.g. when someone clicks on a point on the slider (as opposed to dragging the slider) that point to become the value, rather than increase the value by the large tick interval, you can set the LargeChange to 0 as explained here: https://docs.telerik.com/devtools/aspnet-ajax/controls/slider/getting-started/behavior.html

If you would like to keep the labels, you can use the following workaround: 

<telerik:RadSlider RenderMode="Lightweight" ID="RadSlider_Ticks" runat="server" MinimumValue="0" MaximumValue="100" OnClientLoad="OnClientLoad"
    SmallChange="5" LargeChange="0" ItemType="tick" Height="70px" Width="400px"
    AnimationDuration="400" ThumbsInteractionMode="Free">
</telerik:RadSlider>

<script>
    function OnClientLoad(sender, args) {
        $telerik.$(sender.get_element()).find(".rslSmallTick").each(function (index, item) {
            if (index % 2 == 0) {
                var $item = $telerik.$(item);
                $item.removeClass("rslSmallTick").addClass("rslLargeTick");
                var title = $item.prop("title");
                $item.html("<span>" + title + "</span><span class='rslBRItemText'>" + title + "</span>");
            }
        })
    }
</script>

 

Best Regards,
Rumen
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Erin
Posted on: 15 Jun 2020 16:31
This please!
Matthew
Posted on: 15 Jun 2020 13:38
Yes please
Todd
Posted on: 15 Jun 2020 13:33
Please add this! My client specifically asked for this.
Talys
Posted on: 06 May 2019 06:17
Yes, please!
Shafeeq
Posted on: 11 Mar 2015 01:10 
Yes.. please include this feature.
Create an account Log In
View
Type
Status
Category