Completed
Last Updated: 01 Apr 2024 13:16 by ADMIN
Release 2024 Q2 (May)
Created by: Jamie
Comments: 10
Category: NumericTextBox
Type: Feature Request
61

At the moment, the selection behavior of the NumericTextBox can vary depending on the Format - the Format is what is shown when the input does not have focus, and the Decimals control the actual number the user will see when they focus. Of both differ (for example, the Format has more decimal places, or some other information like a unit of measurement), the input value changes on focus, which removes the selection (highglight).

I would like the numeric textbox to always select all its content when it gets focused (either with the Tab key, or with a click).

Note on general input behavior - using Tab to focus in a field usually defaults to all the contents being selected, while a click results in a cursor without selection.

---

ADMIN EDIT

---

The request is initially opened for the NumericTextBox but also targets some other components that incorporate inputs, such as DatePicker.

Unplanned
Last Updated: 05 Sep 2023 07:02 by Carlos
Created by: Carlos
Comments: 0
Category: NumericTextBox
Type: Feature Request
4
I want to prevent the input of emojis in the NumericTextBox, just like with characters. 
Declined
Last Updated: 03 May 2023 12:57 by ADMIN
Created by: Wes
Comments: 1
Category: NumericTextBox
Type: Feature Request
0
I have a numeric textbox that takes a large range and would never be changed sequentially.  For this reason, I would like to hide or disable the stepper control completely.  I think the most logical solution is to pass a null or empty value to the step parameter.  Can the control be updated to interpret the null such that the arrows are removed from the control?  I think this is a much better solution than modifying the appearance through CSS, and is less likely to be affected by subsequent control updates.
Need More Info
Last Updated: 06 Feb 2023 13:03 by ADMIN

I am creating a wrapper over the TelerikNumericTextBox component so that it works with all numeric data types (such as int, decimal, double, etc). I have added custom parameters for the Min and Max, and if they are not explicitly set I would like them to default to T.MinValue and T.MaxValue respectively. 

Completed
Last Updated: 19 Aug 2022 08:31 by Nitesh
Release 3.2.0
Created by: Javier
Comments: 2
Category: NumericTextBox
Type: Feature Request
5
I would like to prevent the browser from suggesting inputs on the numeric texbox, like the "regular" textbox has an Autocomplete parameter.
Declined
Last Updated: 21 Jun 2022 09:18 by ADMIN
I believe that the OnChange event should fire when the up or down arrows are clicked.  Clicking the up and down arrow buttons is making a concrete decision to change the value of the textbox.  Similar to selecting a date in DatePicker fires OnChange, this should have the same expectation.
Completed
Last Updated: 26 Apr 2022 20:30 by ADMIN
Release 3.3.0
Created by: Timothy J
Comments: 1
Category: NumericTextBox
Type: Feature Request
3

Can NumericTextBox Format Be Updatedat run time?  In other words, if numerictextbox is being used for dimensions and the user changes the preferred dimensional unit from "centimeters" to "inches" can the Format be changed from "0.## cm" to "0.## in" at runtime?

Same applies if I want to dynamically change the Decimals or Step values. Currently it looks like a dynamic change in the NumericTextBox parameters is not possible.

---

ADMIN EDIT

Here is a workaround that re-initializes the component:

 

<TelerikButton OnClick="@ChangeFormat">Change format</TelerikButton>
<br />
The value is: @theValue
<br />
@if (isVisible) {
<TelerikNumericTextBox Format="@theFormat" Max="5m" Min="-5m" Step="0.33m" @bind-Value="@theValue"></TelerikNumericTextBox>
}
@code {
    private decimal theValue { get; set; } = 1.234m;
    string theFormat { get; set; } = "0.## cm";

    bool isVisible { get; set; } = true;
    async Task ChangeFormat()
    {
        //workaround
        isVisible = false;
        await Task.Delay(30);
        await InvokeAsync(StateHasChanged);

        // change the format
        theFormat = "0.## in";

        //workaround
        isVisible = true;
        //await InvokeAsync(StateHasChanged);
    }
}

 

---

Completed
Last Updated: 31 Mar 2022 10:30 by ADMIN
Release 3.2.0
Created by: Larry
Comments: 1
Category: NumericTextBox
Type: Feature Request
7
This lets mobile devices with a virtual keyboard show the proper keyboard when the input is focused (that is, for numbers).
Completed
Last Updated: 15 Feb 2022 15:24 by ADMIN
Release 3.1.0
Created by: Avromi
Comments: 13
Category: NumericTextBox
Type: Feature Request
17
There should be a way to add a placeholder text to the numeric input just like other inputs. Otherwise, you cannot use this feature for a form that includes this input as it would be inconsistent with other controls. is there a way to accomplish this?
Unplanned
Last Updated: 11 Feb 2022 14:45 by Jeffrey

Subject says it all.  I've got a grid that contains multiple NumericTextBoxes....  my users need to be able to copy and paste price values that contain formatting...commas, periods, dollar signs.

Can there be an option to automatically strip off / ignore formatting values in pasted data?

Unplanned
Last Updated: 29 Oct 2021 15:17 by ADMIN

Try with culture es-ES and you will see the problem.

When es-ES, "dot [.]" is not a decimal separator, therefore you can't use the "NumpadDecimal" key to write a decimal number.

@using System.Globalization

<b>Culture:</b> @CultureInfo.CurrentCulture.Name;
<br />
<b>Culture UI:</b> @CultureInfo.CurrentUICulture.Name
<br />
<b>DefaultThreadCurrentCulture:</b> @CultureInfo.DefaultThreadCurrentCulture?.Name
<br />
<b>DefaultThreadCurrentUICulture:</b> @CultureInfo.DefaultThreadCurrentUICulture?.Name
<br /><br />
<b>Val 1:</b>
<TelerikNumericTextBox @bind-Value="@Val1" Decimals="6" Width="100px" />
&nbsp;&nbsp;
<TelerikNumericTextBox @bind-Value="@Val1" Decimals="6" Width="100px" />
<input type="number" @bind-value="@Val1" step="any" style="width: 100px" />

<br />
<b>Val 2:</b>
<input type="number" @bind-value="@Val2" step="any" style="width: 100px" />
&nbsp;&nbsp;
<input type="number" @bind-value="@Val2" step="any" style="width: 100px" />

@code {
    decimal Val1 { get; set; }
    decimal Val2 { get; set; }

    protected override void OnInitialized()
    {
        CultureInfo.CurrentCulture = CultureInfo.CurrentUICulture = CultureInfo.DefaultThreadCurrentCulture = CultureInfo.DefaultThreadCurrentUICulture = new CultureInfo("es-ES");
        //CultureInfo.CurrentCulture = CultureInfo.CurrentUICulture = CultureInfo.DefaultThreadCurrentCulture = CultureInfo.DefaultThreadCurrentUICulture = new CultureInfo("en-US");
    }
}

 

[ADMIN EDIT]

In general, our components obey the culture that is set in the application. If the current culture requires a "," decimal separator, our component will accept commas and ignore dots. Our component doesn't know if the user is pressing the decimal separator key on the numeric pad, or the "standard"  [ > . ] key.

What we can do to improve the behavior is to implement a feature for automatic handling of the decimal separator character. In other words, if the component detects invalid decimal separator input, it will switch to the correct one. This feature will handle the Numpad key and output it in the right culture.

Here is a possible workaround that uses JavaScript to intercept the "other" decimal separator and insert the "correct" one in the NumericTextBox.

@inject IJSRuntime js

<span @onkeydown="@( (KeyboardEventArgs args) => OnSpanKeyDown(args, "ntb1") )">
    <TelerikNumericTextBox @bind-Value="@DValue"
                           Width="200px"
                           Id="ntb1" />
</span>

Code: @LogCode , Key: @LogKey

<!-- Move JS to external JS file in production apps -->
<script suppress-error="BL9992">
    function addDot(ntbId) {
        var textbox = document.querySelector("#" + ntbId);
        if (textbox && textbox.value.indexOf(".") == -1) { // or ","
            textbox.value += "."; // or ","
        }
    }
</script>

@code {
    decimal DValue { get; set; }

    string LogCode { get; set; }
    string LogKey { get; set; }

    async Task OnSpanKeyDown(KeyboardEventArgs args, string ntbId)
    {
        LogCode = args.Code;
        LogKey = args.Key;

        if (args.Key == ",") // or "."
        {
            await js.InvokeVoidAsync("addDot", ntbId);
        }
    }
}

Another option in the meantime is to use a standard HTML input or InputNumber with the Telerik CSS class "k-textbox". This way the input will look the same as a Telerik textbox and keep the app look consistent.

Unplanned
Last Updated: 29 Jul 2021 07:34 by ADMIN
Created by: JOSHUA
Comments: 0
Category: NumericTextBox
Type: Feature Request
5
Is it possible to get the Telerik Calculator DropDown as seen in the WinForms?
Completed
Last Updated: 06 Jan 2020 14:38 by ADMIN
Release 2.6.0
At the moment, if bound to an Int16 (short) field, the numeric textbox throws an exception - `"The type 'System.Int16' is not supproted by the Component"`
Completed
Last Updated: 09 Dec 2019 15:12 by ADMIN

When running as Spanish (es) the control correctly shows commas as the decimal separator but see below.  The control seems pretty broken when running under Spanish.

 

1) When I focus into the text box above that started off bound to a value I am unable to change the value by typing more numbers.  I should be able to put my cursor in front of "33,300" and type "4" it should result in "433,300".  Instead, nothing happens when I type "4".  If I delete ",300" from the end the control then allows numeric entry.

2) If I delete the full number and type in a new one I am unable to enter "." or ",".  Those keys are being ignored.