Completed
Last Updated: 13 Sep 2021 11:00 by ADMIN
Release 2021.R3
I have a checkbox group inside a form

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.
Declined
Last Updated: 15 Jul 2021 07:28 by ADMIN
Created by: David
Comments: 2
Category: Form
Type: Feature Request
0
Would be nice to bind the form to a part of my viewModel. For example I am trying to data bind the form to the selected row in a grid which I am setting as selectedItem inside my viewModel.
Declined
Last Updated: 02 Jul 2021 05:02 by ADMIN
Created by: Neel
Comments: 1
Category: Form
Type: Feature Request
0

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' }
While there is nothing wrong with this approach, it does require a duplication of effort which can become cumbersome.
Unplanned
Last Updated: 18 Jun 2021 11:44 by Mark

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

  1. 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"
                  }
              }
          });

Dojo

Environment

  • Kendo UI version: 2021.2.616
  • Browser: [all]
Unplanned
Last Updated: 15 Jun 2021 10:28 by ADMIN
Created by: Cypher
Comments: 0
Category: Form
Type: Feature Request
2
Add support for the ButtonGroup as Custom Editor and update the ImageEditor to use it. This way the Orientation in the Crop pane can be programmatically set using the model set method.
Unplanned
Last Updated: 27 May 2021 12:48 by ADMIN
Created by: Fredrik
Comments: 0
Category: Form
Type: Feature Request
0
Currently, the Form displays the validation messages below the respective fields that failed the validation. It would be nice, if there is an option to show them in a tooltip.
Completed
Last Updated: 10 May 2021 10:53 by ADMIN
Release 2021.R2
Created by: Fredrik
Comments: 0
Category: Form
Type: Bug Report
0

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]
Unplanned
Last Updated: 16 Mar 2021 15:22 by ADMIN

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.

 

Unplanned
Last Updated: 17 Feb 2021 15:15 by ADMIN
Created by: Mark
Comments: 0
Category: Form
Type: Feature Request
1

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();
Completed
Last Updated: 15 Oct 2020 08:17 by ADMIN
Release 2020.R3.SP.next
Created by: Alexander
Comments: 0
Category: Form
Type: Bug Report
0
kendo.all.js contains function renderHiddenForМvcCheckbox which has non-latin symbol (cyrillic М) and this causes "Uncaught SyntaxError: Invalid or unexpected token" and as a consequence "Uncaught ReferenceError: kendo is not defined" in some cases.
Completed
Last Updated: 14 Sep 2020 08:08 by ADMIN
Release 2020.R3

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

  1. Open the example attached in ticket 1468553
  2. Click on one of the two buttons and fill the form that appears in the Window
  3. Open the browser's network tab and submit the form.
  4. 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]
Completed
Last Updated: 02 Jun 2020 05:55 by ADMIN
Created by: Anna
Comments: 1
Category: Form
Type: Feature Request
0

Please document an example of editor as a function.

A simple example could be a password field: https://dojo.telerik.com/@GaloisGirl/ARIGOmUj

Completed
Last Updated: 01 Jun 2020 09:13 by ADMIN
Release 2020.R2.SP.next
Created by: Anna
Comments: 1
Category: Form
Type: Bug Report
0

Reproduction

  1. Run sample at https://dojo.telerik.com/@GaloisGirl/eConozaR
  2. Click "validate"

Expected result:

  1. Validation result should be displayed  as a boolean

Actual result:

  1. Undefined is displayed

Fix:

Just add return before "validator.validate();" in method "validate".

 

Declined
Last Updated: 28 May 2020 08:00 by ADMIN
Created by: James
Comments: 4
Category: Form
Type: Feature Request
0

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 });
Unplanned
Last Updated: 27 May 2020 10:51 by ADMIN

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.

Unplanned
Last Updated: 27 May 2020 05:18 by ADMIN
Created by: James
Comments: 2
Category: Form
Type: Feature Request
2

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" }

Completed
Last Updated: 22 May 2020 08:34 by ADMIN
Created by: Chris
Comments: 1
Category: Form
Type: Feature Request
1
The grid in Kendo UI for jQuery offers options for editing its data in a popup dialog.

The popup dialog should be provided as a widget regardless of the grid (or in addition) in the framework. Thus, the edit dialog could be easily implemented by application developers.

Example: https://jsfiddle.net/chstorb/f0x4b6gh/