Articles in this section
Category / Section

How to modify thumb movement either by value or none.?

1 min read

To provide thumb movement to RangeSlider, follow the given steps:

Step 1: Create the RangeSlider sample and include the necessary source files.

Step 2: First create an instance for RangeSlider.

Step 3: By using the object, set snapsTo property to StepValues or Ticks or None. And set the Contentview.

Step 4: And by using StackLayout add the children rangeSlider.

 

public class RangeSliderPage

{

    public RangeSliderPage()

    {

        SfRangeSlider rangeSlider = new SfRangeSlider();

        rangeSlider.Orientation=Orientation.Horizontal;

        rangeSlider.StepFrequency=5;

        rangeSlider.SnapsTo = SnapsTo.StepValues;

        rangeSlider.TickPlacement=TickPlacement.BottomRight;

        this.Content = GetRangeSlider();

     }

    private StackLayout GetRangeSlider()

   {

        var mainStack = new StackLayout

        {

                Children = { rangeSlider }

         };

          return mainStack;

 }

}

 

The following image shows snapsTo of RangeSlider:

../SharedFolder/Images/RangeSliderSnapsTo.png

RangeSlider SnapsTo StepValues

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied