Step Interval in WPF IntegerTextBox

18 Feb 20253 minutes to read

The IntegerTextBox control allows you to increase or decrease the value by pressing up-arrow and down-arrow keys in keyboard or mouse wheel over the control. The ScrollInterval property is used to specify the increment or decrement interval. The default value of ScrollInterval is 1.

For example, the ScrollInterval value is set to 4. So, that the IntegerTextBox control Value increases or decreases by 4 while pressing Up arrow or Down arrow keys and Mouse wheel scrolling up or down.

Change Value on Up, Down arrow key

The IntegerTextBox control allows you to increase or decrease the Value of IntegerTextBox based on the ScrollInterval by pressing the up arrow and down arrow keys on the keyboard.

XAML

<syncfusion:IntegerTextBox x:Name="integerTextBox" Width="150"
                          Height="25" Value ="10" ScrollInterval="2"/>

C#

IntegerTextBox integerTextBox = new IntegerTextBox();
integerTextBox.Width = 150;
integerTextBox.Height = 25;
integerTextBox.Value = 10;
integerTextBox.ScrollInterval = 2;

Change Value on Mouse Wheel

The IntegerTextBox allows you to increase or decrease the Value based on the ScrollInterval by the Mouse scrolling over the control When the IsScrollingOnCircle property is true. The default value of IsScrollingOnCircle property is true.

XAML

<syncfusion:IntegerTextBox x:Name="integerTextBox" Width="150" Height="25" Value ="34" 
                          IsScrollingOnCircle="True" ScrollInterval="3"/>

C#

IntegerTextBox integerTextBox = new IntegerTextBox();
integerTextBox.Width = 150;
integerTextBox.Height = 25;
integerTextBox.Value = 34;
integerTextBox.IsScrollingOnCircle = true;
integerTextBox.ScrollInterval = 3;

Change Value on Click and Drag

The IntegerTextBox allows you to increase or decrease the value based on the ScrollInterval by clicking and dragging the mouse when the EnableExtendedScrolling property is true. IntegerTextBox value increases when the cursor moves to the right or the top of the screen and decreases when you click and drag the mouse to the left or the bottom of the screen. Before that, the control should be in an unfocused state.

XAML

<syncfusion:IntegerTextBox x:Name="integerTextBox" Width="120" Height="25" Value ="10" 
                          ScrollInterval="5" EnableExtendedScrolling="True"/>

C#

IntegerTextBox integerTextBox = new IntegerTextBox();
integerTextBox.Width = 120;
integerTextBox.Height = 25;
integerTextBox.Value = 10;
integerTextBox.ScrollInterval = 5;
integerTextBox.EnableExtendedScrolling = true;

Allow or restrict selection on focus

IntegerTextBox allows you to automatically select text by setting TextSelectionOnFocus property to true and when the control got focus. If you want to restrict the selection on when control got focus, use the TextSelectionOnFocus property value as false. The default value of the TextSelectionOnFocus property is true.

XAML

<syncfusion:IntegerTextBox x:Name="integerTextBox" TextSelectionOnFocus="False"/>

C#

IntegerTextBox integerTextBox = new IntegerTextBox();
integerTextBox.TextSelectionOnFocus = true;

TextSelectionOnFocus = “False”

TextSelectionOnFocus = “True”