Articles in this section
Category / Section

How to change the increment and decrement value of SfNumericUpDown

1 min read

Syncfusion SfNumericUpDown provides the support to change the increment and decrement value.


To set StepValue for changing increment/ decrement value.


Step 1: Set value for the StepValue property.


Step 2: The value will be decremented/incremented based on the value given for StepValue property.


The below code illustrates the way to achieve this

Code Snippet

XAML Code to set StepValue


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns=""
<StackLayout HeightRequest="150" >
<numeric:SfNumericUpDown x:Name="sfNumericUpDown" StepValue="5" AutoReverse="true" Minimum="10" Maximum="60" HeightRequest="100"  Value="20" AllowNull="false" TextAlignment="Center" SpinButtonAlignment="Both" FormatString="n"/>


C# Code to set StepValue


namespace NumericUpDown
public partial class MainPage : ContentPage
    SfNumericUpDown numeric;
    public MainPage()
        numeric = new SfNumericUpDown();
        numeric.Minimum = 10;
        numeric.Maximum = 60;
        numeric.Value = 20;
        numeric.TextAlignment = TextAlignment.Center;
        numeric.SpinButtonAlignment = SpinButtonAlignment.Both;
        numeric.HeightRequest = 100;
        numeric.AllowNull = false;
        numeric.AutoReverse = true;
        numeric.StepValue = 5;
        StackLayout stack = new StackLayout();
        this.Content = stack;




Image after setting StepValue


SfNumericUpDown StepValue


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