RadzenNumeric - only allow ShowUpDown

Radzen.Blazor Components
1

Wenn using a RadzenNumeric component, you can enter the value using the keyboard or, if ShowUpdown=”true” also using the up/down buttons.

Is there a way to allow the modification of the value ONLY using the up/down buttons? So something like ReadOnly=”true” but at the same time allowing the up/down buttons to work?

The reason for this is that I display a decimal as percentage value (e.g. 0.5 is shown as 50%). If the user sees “50%“ and wants to change the value, he will enter a percentage value and not a 0..1 decimal value. As a result, if the user enters 60, the result will be 6000% which is not what we want.

Since the formatting of the value only works in one direction, it would be an option to only allow the modication of the vlaue using the up/down buttons.

Any idea how to accomplish that?

2

This might help:

<RadzenNumeric TValue="decimal"
               ShowUpDown="true"
               InputAttributes="@(new Dictionary<string, object> { { "readonly", "readonly" } })" />
3

Thanks a lot @enchev, that works pretty well!