New to Kendo UI for Angular? Start a free 30-day trial

Gutters

Interface

Represents the gutters configuration for a Form layout. Defines the spacing between the columns and rows of the Form. Set any property to a number or a string to apply that value as a fixed gutter size. Set it to an array of responsive breakpoints to allow different gutter sizes in relation to the current Form width. Numeric values are interpreted as pixels. String values can include units like px, rem, em, etc.

Definition

Package:@progress/kendo-angular-inputs

Syntax:

const formGutters: Gutters = {
  cols: 16,
  rows: '1rem'
};

Properties

cols?

string | number | ResponsiveFormBreakPoint[]

Defines the gutters for the columns in the Form.

rows?

string | number | ResponsiveFormBreakPoint[]

Defines the gutters for the rows in the Form.