1. This is the console display of my numeric textbox with draggable = false. When inspecting the DOM in chrome, the attribute shows up on the input you dynamically create. However, if I select the whole number with my mouse it can easily still drag the number into a neighboring textarea. I need to be able to cut, copy, paste on both of these controls. Is there a way to force Chrome to not allowing dragging here?
2.  
3.  
4. {prefix: '', name: 'NumericTextBox', decimals: 2, autoAdjust: true, enable: true, …}
1. autoAdjust: true
2. culture: ""
3. decimals: 2
4. downArrowText: "Decrease value"
5. draggable: false
6. enable: true
7. factor: 1
8. fillMode: "solid"
9. format: "0.00"
10. label: null
11. max: null
12. min: null
13. name: "NumericTextBox"
14. placeholder: undefined
15. prefix: ""
16. prefixOptions: {separator: true}
17. restrictDecimals: false
18. round: true
19. rounded: "medium"
20. selectOnFocus: true
21. size: "medium"
22. spinners: false
23. step: 1
24. suffixOptions: {separator: true}
25. upArrowText: "Increase value"
26. value: null
27. [[Prototype]]: Object

Hello~

code:  format: "#.000 kg"

input: 76.123

result: 76.12

why???

https://dojo.telerik.com/CgPMEaiE

Hi, 

Having problems getting the spinner portion of the kendoNumericTextBox to show up when width is les than 140px. 150pxs is ok, but at 140px it does not move over to the left it starts getting partially hidden:

I am using Kendo version: 2023.3.1010. Is there a work around so the spinner buttons appear when less than 140 pixels in width? Moving up to a different version at this time is not an option unfortunately.

                <table id="date-picker-table">
                    <tbody>

                        <tr>
                            <td class="date-cell" style="width:16%">
                                <label for="startDate">Start Date:</label>
                                <input id="startDate" style="width:180px" />
                            </td>
                            <td class="date-cell" style="width:19%">
                                <label for="numb-days">Number of Days:</label>
                                <input id="num-days" style="width:140px" />
                            </td>
                            <td class="date-cell">
                                <label for="endDate">End Date:</label>
                                <input id="endDate" style="width:180px" />
                            </td>
                        </tr>
                    </tbody>
                </table>

Here is the initialization of the control in JavaScript:

    $("#num-days").kendoNumericTextBox({

        min: 0,             // Minimum value
        max: 9999,          // Maximum value (4 digits)
        decimals: 0,        // Restrict to integers (no decimals)
        format: "n0",       // Display format for integers
        restrictDecimals: true // Prevent decimal input
    });

Any work around or quick patch would be awesome.

Regards,

George

Hi Team,

Found this issue with NumericTextBox. Please consider dojo: https://dojo.telerik.com/RSXrPCFH

When KendoValidator is initialised with validateOnBlur:false, KendoNumericTextBox looses .k-invalid class and associated style when moving out of field.

Try this:

1. Click button "Validate fields".

2. The 2 fields get red.

3. Click into second field (numeric) and then move out the field. The field looses its invalid status!

4. The other field (text) keeps its invalid status when doing the same.

Please advise.

Regards,

Laurent.

I am attempting to change my existing NumericTextBox to do something custom when the value is zero. It was requested that we display a double zero in that one scenario. All other scenarios should act the same as they do out of the box for the NumericTextBox. Is this do-able with the existing functionality of the NumericTextBox?

Basically the request is to do this --

Value: 0

Display: 00

Value: 234

Display 234

Can't I change Numerictextbox to kendoTextBox?

Can I change Numerictextbox to kendoTextBox format with special coding?

Please change numerictextbox in the url below to kendoTextBox.

https://dojo.telerik.com/uLIzaDag

Please enter coding in the area below /* start code */

It may be very easy or it may be very difficult.

Please make it a success. thank you.

<script>
    $(document).ready(function() {
        // create NumericTextBox from input HTML element
        $("#numeric").kendoNumericTextBox({
            format: "#.00 kg"
        });
    });
</script>
That's Ok
but 
<script>
    $(document).ready(function() {
        // create NumericTextBox from input HTML element
        $("#numeric").kendoNumericTextBox({
            format: "#.00 µg"
        });
    });
</script>
Shows "0,00xB5" instead of  "0,00 µg"

Anyone knows why or has a solution?

I was asked a question a long time ago, but due to communication difficulties I never received the answer I requested.

I've created two example links to ask my question.



To find a unit price of 9,000 won or more in the program below:
Enter ">9000" in the Unit Price field.
This is a feature I developed.

https://www.speedmis.com/_mis/index.php?gubun=3032&isMenuIn=Y&isAddURL=Y

-->

https://www.speedmis.com/_mis/index.php?gubun=3032&isMenuIn=Y&allFilter=[{"operator":"contains","value":">9000","field":"dangga"}] &recently=N&isAddURL=Y





You cannot enter ">9000" if the field is defined as a number.

https://www.speedmis.com/_mis/index.php?gubun=1247&isMenuIn=Y

There was also an auto-completion function when writing numbers.
Special coding allows completion to begin automatically rather than in a number box between numbers.



Please edit the link below if you wish. thank you

https://dojo.telerik.com/OroMIBAK

I have a grid with editable cell inside bootstrap modal pop up, all text and dropdown cell works fine except for the number field.

When clicked on the number cell the input opens but value is showing inside, value is updated and reflects back on the grid, applies all the validation but just value is not showing the input field.

var _dataSource = new kendo.data.DataSource({
                    data: localityGridDataSource,
                    sort: { field: 'nodeLocalitySequence', dir: 'asc' },
                    autoSync: true,
                    schema: {
                        model: {
                            id: 'localityCode',
                            fields: {
                                localityCode: { editable: false },
                                localityTitle: { editable: false },
                                nodeLocalitySequence: { type: 'number', validation: { required: true, min: 1, max: 999999 } },
                                nodeLocalityType: { defaultValue: { nodeLocalityTypeValue: 'I', nodeLocalityTypeName: app.localize('InsideGrid') } },
                                nodeLocalityExternalNote: { type: 'text' }
                            }
                        }
                    }
                });

                _LocalitiesGrid.kendoGrid({
                    dataSource: _dataSource,
                    editable: true,
                    noRecords: true,
                    edit: onGridEditing,
                    remove: clearLocalitiesAudioMessage,
                    columns: [
                        { field: 'localityTitle', title: app.localize('Locality') },
                        { field: 'nodeLocalitySequence', title: app.localize('Order') },
                        { field: 'nodeLocalityType', title: app.localize('IncludeType'), editor: nodeLocalityTypeDropDownEditor, template: '#=nodeLocalityType.nodeLocalityTypeName#', width: '250px' },
                        { field: 'nodeLocalityExternalNote', title: app.localize('Notes') },
                        { command: ["destroy"], width: '125px' }
                    ]
                });