WPF CalculatorUpDown

WPF CalculatorUpDown

First Adding Reference to WPF Toolkit Extended Assembly

The CalculatorUpDown provides a TextBox with button spinners that allow incrementing and decrementing numeric values by using the spinner buttons, keyboard up/down arrows, or mouse wheel. It also provides a Calculator dropdown which allows you to perform mathematical calculations.

When using the CalculatorUpDown in data binding scenarios, bind your object's value to the Value property. You can specify how much to increment the value by setting the Increment property. You can control the minimum and maximum allowed values by setting the Minimum and the Maximum properties. You can also specify if the user can directly edit the values in the text box by setting the IsEditable property. If you would like to get the actual fromatted string representation of the value, you can use the Text property.

Applying FormatStrings


<wpfx:CalculatorUpDown Value="1564.6749586" />

Floating Point:

<wpfx:CalculatorUpDown FormatString="F3" Value="1564.6749586" Increment=".001"  Maximum="200000.599" />


<wpfx:CalculatorUpDown FormatString="C2" Value="1564.6749586" Increment=".5" Maximum="5000.50" Minimum="50.01" />

Supported Format Strings

Format Specifier Name
C Currency
F Fixed Point
G General
N Number
P Percent


You can provide a Watermark to show text in place of a NULL Value.

<wpfx:CalculatorUpDown Watermark="Enter Value" />

Properties / Events

Property Description
AllowSpin Gets/Sets the ability to perform increment/decrement operations via the keyboard, button spinners, or mouse wheel.
CultureInfo Gets/Sets the current CultureInfo.
DefaultValue Get/Sets the value to use when the Value is null and an increment/decrement operation is performed.
DisplayText Gets/Sets the text displayed in the Calculator view port.
EnterClosesCalculator Gets/Sets whether or not the Enter keyboard button will close the Calculator when pressed.
FormatString Gets/Sets the dispaly format of the Value.
Increment Specifies the amount in which to increment the value.
IsEditable Determines if direct entry is allowed in the text box.
Maximum Gets/Sets the maximum allowed value.
Memory Gets/Sets the numeric value stored in the Calculator memory.
Mimum Gets/Sets the minimum allowed value.
Precision Gets/Sets the maximum number of digits displayed to the right of the decimal point in the Calculator.
SelectAllOnGotFocus If set to true, all text is selected when control gets focus.
ShowButtonSpinner Gets/Sets if the button spinners are visible.
Text Gets/Sets the formated string representation of the value.
TextAlignment Gets/Sets the alignment of the Text
Value Gets/Sets the numeric value.
Watermark Gets/Sets the object to use as a watermark if the Value is null.
WatermarkTemplate Gets/Sets the DatTemplate to use for the Watermark.

Event Description
ValueChanged Occurs when the Value changes.
WPF CalculatorUpDown WPF CalculatorUpDown Reviewed by Unknown on 12:17 AM Rating: 5