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.
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' }
]
});