It would be great if the form configuration allowed for items to be readonly or disabled during setup. There are times when perhaps some data should not be able to be changed.
I'm having to do tricks such as this for each field I want readonly.
$("#fileSize").data("kendoNumericTextBox").readonly(true);
$("#originalFilename, #title").kendoTextBox({ readonly: true });
When a form creates a group it uses a fieldset. It would be great if this fieldset could have an id or class so it can be manipulated easily.
Whilst I could write code to find the Nth fieldset and modify it, it would be much cleaner to allow an id to be set on it.
Bug report
When submitting a form, its data is being sent multiple times to the backend.
Check the example on ticket 1468553.
Reproduction of the problem
- Open the example attached in ticket 1468553
- Click on one of the two buttons and fill the form that appears in the Window
- Open the browser's network tab and submit the form.
- Multiple requests with the form's data are sent to the controller
Current behavior
Once submitted, the form's data is sent multiple times to the backend
Expected/desired behavior
Form's data should be sent to the controller only once
Environment
- Kendo UI version: 2020.2.513
- jQuery version: x.y
- Browser: [all]
Bug report
TypeScript definition missing for kendoForm
Reproduction of the problem
Open the typescript/kendo.all.d.ts file and search for kendoForm
Expected/desired behavior
kendoForm should be defined.
Environment
- Kendo UI version: 2021.1.119 and 2021.1.224
- Browser: [all]
Create a new instance of a Kendo form with an item where the validation's required property is set to true. For example:
<!DOCTYPE html>
<html>
<head>
<title>Example Form</title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.2.616/styles/kendo.default-v2.min.css" />
</head>
<body>
<form id="example"></form>
<script src="https://kendo.cdn.telerik.com/2021.2.616/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2021.2.616/js/kendo.all.min.js"></script>
<script>
$(document).ready(function () {
var validationSuccess = $("#validation-success");
$("#example").kendoForm({
formData: {
FirstName: ''
},
layout: 'grid',
grid: {
cols: 2,
gutter: 16
},
items: [
{
field: 'FirstName',
label: 'First Name',
validation: {
required: true
}
}
]
});
});
</script>
</body>
</html>
The feature request is to send the label value to the validator rather than the field value.
I understand that the required property can take an object, such as:
required: { message: 'First Name is required' }
Bug report
An error is thrown when you try to clear a Form with an Upload or any other widget that does not have a "value" method.
Reproduction of the problem
- Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/OWOPiteD/3.
- Hit the clear button.
Workaround: https://dojo.telerik.com/@iankodj/oLAKiCuK/2
Current behavior
An error is thrown when you hit the clear button.
Expected/desired behavior
No error should be thrown when the clear button is hit.
Environment
- Kendo UI version: 2021.3.914
- Browser: [all]
Enhancement
Form in horizontal orientation does not align the items correctly in the grid layout
Reproduction of the problem
Dojo: https://dojo.telerik.com/oJutUjUH
Current behavior
3rd item with colSpan of 2 does not take the whole available space
Expected/desired behavior
3rd item shall align according to previous items
Environment
Kendo UI version: [all]
jQuery version: [all]
Browser: [all]
Bug report
Custom Validation Message for RadioGroup/CheckBoxGroup in a Form is not reflected
Reproduction of the problem
Dojo: https://dojo.telerik.com/UCIRUWeP
Expected/desired behavior
Validation message shall be updated
Environment
Kendo UI version: [all]
jQuery version: x.y
Browser: [Firefox XX]
Bug report
Form validation is very slow in 2025.Q1
Reproduction of the problem
Dojo: https://dojo.telerik.com/wKZQZqMu
1. Please choose a Kendo UI 2025.1.211 library and click run
2. Click the show form button on the grid's toolbar. Popup a new window with kendo form.
3. Please click validate button and please look at the console.
Then
1. Please choose a Kendo UI 2024.4.1112 library and click run
2. Click the show form button on the grid's toolbar. Popup a new window with kendo form.
3. Please click validate button and please look at the console.
The issue is a regression starting with 2025.1.211
Environment
jQuery: 3.4.1
Kendo UI version: 2025.1.211
Browser: [all]
