gridObject

Grid layout settings.

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",
            Address: "123 Main St"
        },
        layout: "grid",
        grid: {
            cols: [1, 2],
            gutter: {
                cols: 20,
                rows: 10
            }
        },
        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:"
        }, {
            field: "Address",
            label: "Address:"
        }]
    });
});
</script>
In this article
gridRelated Properties
Not finding the help you need?
Contact Support