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="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:NumericUpDown" xmlns:numeric="clr-namespace:Syncfusion.SfNumericUpDown.XForms;assembly=Syncfusion.SfNumericUpDown.XForms" x:Class="NumericUpDown.MainPage"> <ContentPage.Content> <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"/> </StackLayout> </ContentPage.Content> </ContentPage>
C# Code to set StepValue
namespace NumericUpDown { public partial class MainPage : ContentPage { SfNumericUpDown numeric; public MainPage() { InitializeComponent(); 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(); stack.Children.Add(numeric); this.Content = stack; } } }
Image after setting StepValue