Unplanned
Last Updated: 19 May 2025 13:39 by David
David
Created on: 19 May 2025 13:39
Category: Form
Type: Bug Report
0
The Form ignores the gutter values

Bug report

Regression introduced in 2024.4.1112.

Reproduction of the problem

  1. Run this Dojo example - https://dojo.telerik.com/lhLEDEve

Current behavior

The gutter values are ignored:

$("#exampleform").kendoForm({
                formData: {
                    FirstName: "John",
                    LastName: "Doe",
                    Email: "john.doe@email.com",
                    Country: "1",
                    City: "Strasbourg",
                    AddressLine: ""
                },
                layout: "grid",
                grid: {
                    cols: 2,
                    **gutter: 50**
                },
                items: [
                    {
                        type: "group",
                        label: "Personal Information",
                        layout: "grid",
                        grid: { cols: 1, **gutter: 50** },
                 //...

Expected Behavior

The gutter values are applied to the Form.

Workaround:

Set the values through CSS:

<style>
 /*columns gap */
  .k-form .k-form-layout {
    column-gap: 50px;
  }
 /*rows margin*/
  .k-form-md .k-form-field, .k-form-md .k-form-buttons {
    margin-top: 50px;
  }
</style>

Environment

  • Kendo UI version: 2025.1.227
  • Browser: [all]
0 comments