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