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
A Form group label encoded option cannot be set to false.
Reproduction of the problem
- Open this Dojo example - https://dojo.telerik.com/eGEqEbEw/8
Current behavior
The HTML is not decoded
Expected/desired behavior
The HTML in the text configuration should be decoded
Environment
- Kendo UI version: 2022.2.621
- Browser: [all]
Hi Team,
I would like to request that when the Kendo UI Form submits a checkbox boolean value to pass as True/False instead of On/Off. Currently, I am using a custom editor which will perform the true/false submission.
Thank you!
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]
Bug report
When a string that could be evaluated as a Date is used in the Form, a DatePicker is rendered instead of TextBox
Reproduction of the problem
- Open the Dojo linked here
Current behavior
The fromData for the first field is set as string 'TextBox1: "12/11/1969"', however, the '12/11/1969' could be evaluated as a Date. Thus, the From displays a DatePicker although the field is not explicitly casted to Date.
Expected/desired behavior
When the value is not explicitly set as a Date a TextBox should be rendered in the Form.
Workaround
var MyModel = kendo.data.Model.define({
fields: {
"TextBox1": {
type: "string"
},
"TextBox2": {
type: "string"
}
}
});
Environment
- Kendo UI version: 2021.2.616
- Browser: [all]
Hi Team,
I would like to request adding a simple checkbox into the items.editor instead of just the switch. This would be great if the k-checkbox-label was also included with the editor.
Currently I have a solution in which I can create a checkbox editor, but it could be so much better if I didn't have to write an extra editor function for a simple checkbox.
Thank you for your consideration
Please support the plain TextBox as a valid editor within form configuration. There are times when I would like to put a number into a plain textbox and apply custom code to that rather than use a NumericTextBox.
EG:
{ field: "uploaded", label: "A Label", validation: { required: true }, colSpan: 3, editor: "TextBox" }
Whenever I clear the form with form.clear() or even with the default clear button of the form, the value attribute of the checkboxes becomes empty and from that time I can not work with items of CheckBoxGroup and their value.
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
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]
Hi,
Is there any example for a jquery button changing the component inside the form?
For example
1. press a button > add a new input row in the form
2. press a button > change the component in one row in form
Thanks.
It will be good to have a method in the Form API to get or set the Form model. For example, it could be:
var form = $("#form").getKendoForm();
var model = form.model();
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]