grid.gutterNumber|String|Object

Defines the width of the gutters between the columns / rows.

Example

<form id="myForm"></form>
<script>
$(document).ready(function () {
    $("#myForm").kendoForm({
        formData: {
            FirstName: "John",
            LastName: "Doe", 
            Email: "john.doe@email.com",
            Phone: "123-456-7890"
        },
        layout: "grid",
        grid: {
            cols: 2,
            gutter: {
                cols: 20,
                rows: 15
            }
        },
        items: [{
            field: "FirstName",
            label: "First Name:",
            validation: { required: true }
        }, {
            field: "LastName",
            label: "Last Name:",
            validation: { required: true }
        }, {
            field: "Email",
            label: "Email:",
            validation: { required: true, email: true }
        }, {
            field: "Phone",
            label: "Phone:"
        }]
    });
});
</script>
In this article
grid.gutterRelated Properties
Not finding the help you need?
Contact Support