How do I style an Avalonia NumericUpDown control integer-only?

Question

Every time I click the Up or Down button of an Avalonia NumericUpDown control a period with a zero gets added to the value, i.e. it increases as 2.0, 3.0, 4.0 etc. instead of 2, 3, 4 (which would be the desired behaviour).

The decimal point and the zero only disappear as soon as the application window loses focus and appear again once I click decrease/increase again.

How do I possibly change this?

An answer to a similar question suggests setting the DecimalPlaces property to zero but the Avalonia implementation of the control appears lacking this property.

SLenik · Accepted Answer · 2024-01-31 20:40:17Z

3

Unfortunately, Increment property cannot prevent user from entering the fractional part of a number from keyboard =(

If you want allow the user to enter only integers, use this combination of properties:

<NumericUpDown FormatString="N0"
               ParsingNumberStyle="Integer" />

ParsingNumberStyle is for blocking user to enter decimal point, and FormatString is for displaying value without fractional part while editing from keyboard.

answered Jan 31, 2024 at 20:40

SLenik

8851 gold badge9 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

SimonOR Jan 12 at 19:36

I found that: FormatString="N0" with or without ParsingNumberStyle="Integer" rounds. ParsingNumberStyle="Integer" without FormatString="N0" truncates. Neither FormatString="N0" nor ParsingNumberStyle="Integer" physically stops the user entering a decimal point. However, if the user focuses another control after entering the decimal number, the rounding/truncation will then be shown in the NumericUpDown.

SLenik Feb 13 at 16:19

Greetings, @SimonOR! Please specify the version of AvaloniaUI library in which you see this behavior. I've written this post for AvaloniaUI 0.10. Maybe current AvaloniaUI 11 has changed this behavior.

SimonOR Feb 15 at 19:43

Hello @SLenik! Yes, my investigation was in version 11.0.x of Avalonia UI.

Tarazed · Accepted Answer · 2023-08-08 19:48:54Z

1

Just specify the incrementation level, it should be automatic.

<NumericUpDown Increment="1" />

answered Aug 8, 2023 at 19:48

Tarazed

2,8121 gold badge10 silver badges28 bronze badges

Collectives™ on Stack Overflow

How do I style an Avalonia NumericUpDown control integer-only?

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related