Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Features

-+
ShowIncrementButtons = False
ShowLargeIncrementButtons = True
-
+
-
+
NumberType = Integer
Increment = 2
LargeIncrement = 10
+
-
NumberType = Integer
MinValue = 10
MaxValue = 16
+
-
DecimalPlaces = 2
DisplayFormatString = {0:C}
Page UI Culture:
v

This demo illustrates the primary features of the DevExpress ASP.NET Spin Edit (ASPxSpinEdit).

The ASPxSpinEdit control enables your end-users to edit numeric values with ease by clicking small or large increment buttons. The visibility of these spin buttons is controlled by the SpinButtons.ShowIncrementButtons and SpinButtons.ShowLargeIncrementButtons properties. To define the position of a spin button within the editor, the SpinButtons.Position property can be used. The increments with which the editor's value is changed when a small or large spin button is clicked can be defined by using the Increment and LargeIncrement properties, respectively.

The ASPxSpinEdit can function in float or integer editing mode, which is controlled by the NumberType property. In integer mode (when the NumberType property is set to Integer), float value input is disabled and float values displayed within the editor are automatically rounded after they have been modified. In float mode, culture-specific separators are supported, allowing decimal separators to display uniquely in various cultures. The number of decimal places can be defined using the DecimalPlaces property.

The maximum and minimum allowed values can be defined via the MaxValue and MinValue properties, which limit end-user input to a specified range.

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxEditorsDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxEditorsDemos