Spin Button Alignment in UWP Domain UpDown (SfDomainUpDown)

10 May 20214 minutes to read

The spin button’s position in the SfDomainUpDown control can be changed using SpinButtonsAlignment. It contains three modes for positioning spin buttons:

  1. Right
  2. Left
  3. Both

Spin buttons will be aligned on the right side of the control.

<editors:SfDomainUpDown x:Name="domainUpDown"

                               HorizontalAlignment="Center"

                               VerticalAlignment="Center"

                               Width="200" 

SpinButtonsAlignment="Right"

                              ItemsSource="{Binding Employees}">

 </editors:SfDomainUpDown>
domainUpDown.SpinButtonsAlignment = Syncfusion.UI.Xaml.Controls.SpinButtonsAlignment.Right;
domainUpDown.SpinButtonsAlignment = Syncfusion.UI.Xaml.Controls.SpinButtonsAlignment.Right

Features_img3

Left

Spin buttons will be aligned on the left side of the control.

<editors:SfDomainUpDown x:Name="domainUpDown"

                               HorizontalAlignment="Center"

                               VerticalAlignment="Center"

                               Width="200" 

SpinButtonsAlignment="Left"

                              ItemsSource="{Binding Employees}">        </editors:SfDomainUpDown>
domainUpDown.SpinButtonsAlignment = Syncfusion.UI.Xaml.Controls.SpinButtonsAlignment.Left;
domainUpDown.SpinButtonsAlignment = Syncfusion.UI.Xaml.Controls.SpinButtonsAlignment.Left

Features_img4

Both

The spin button’s decrement button will be aligned on the left side of the control and the increment button will be aligned on the right side of the control.

<editors:SfDomainUpDown x:Name="domainUpDown"

                               HorizontalAlignment="Center"

                               VerticalAlignment="Center"

                               Width="200" 

SpinButtonsAlignment="Both"

                              ItemsSource="{Binding Employees}">        </editors:SfDomainUpDown>
domainUpDown.SpinButtonsAlignment = Syncfusion.UI.Xaml.Controls.SpinButtonsAlignment.Both;
domainUpDown.SpinButtonsAlignment = Syncfusion.UI.Xaml.Controls.SpinButtonsAlignment.Both

Features_img5