How to change the increment and decrement value of SfNumericUpDown
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
|
