Telerik Forums
Kendo UI for jQuery Forum
2 answers
21 views
  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: {separatortrue}
    17. restrictDecimals: false
    18. round: true
    19. rounded: "medium"
    20. selectOnFocus: true
    21. size: "medium"
    22. spinners: false
    23. step: 1
    24. suffixOptions: {separatortrue}
    25. upArrowText: "Increase value"
    26. value: null
    27. [[Prototype]]: Object
CHRISTOPHER
Top achievements
Rank 1
Iron
Iron
 answered on 08 May 2025
1 answer
27 views

Hello~

code:  format: "#.000 kg"

input: 76.123

result: 76.12

why???

 

 

https://dojo.telerik.com/CgPMEaiE

 

Nikolay
Telerik team
 answered on 29 Apr 2025
0 answers
24 views

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

 

George
Top achievements
Rank 3
Bronze
Bronze
Iron
 asked on 14 Apr 2025
1 answer
35 views

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.

Martin
Telerik team
 answered on 13 Mar 2025
1 answer
46 views

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

Nikolay
Telerik team
 answered on 22 Nov 2024
1 answer
76 views

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.

 

Martin
Telerik team
 answered on 07 Feb 2024
1 answer
74 views
Hi!
I'm using the numericTextBox for diferent measures.
When I format the component with "0 kg" works ok, but i need to use "0 µg"  and does not work ok.

<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?

Thanks and greeetings!
Daniel
Top achievements
Rank 1
Iron
 answered on 10 Jan 2024
1 answer
70 views

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

Neli
Telerik team
 answered on 06 Dec 2023
1 answer
84 views
I reposted it with the same title.
Neli
Telerik team
 answered on 01 Dec 2023
2 answers
354 views

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.

I checked everything but could not figure this one out.
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' }
                    ]
                });

 

 

 

Hardip
Top achievements
Rank 1
Iron
 answered on 14 Apr 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?