Layout

The Telerik and Kendo UI Layout utilities enable you to apply and control different aspects of an elements layout.

Overflow

The Telerik and Kendo UI Overflow Utilities are CSS utility classes that enable you to control the overflow behavior of an element.

Utility ClassCSS Property
.k-overflow-autooverflow: auto;
.k-overflow-hiddenoverflow: hidden;
.k-overflow-visibleoverflow: visible;
.k-overflow-scrolloverflow: scroll;
.k-overflow-clipoverflow: clip;
.k-overflow-x-autooverflow-x: auto;
.k-overflow-x-hiddenoverflow-x: hidden;
.k-overflow-x-visibleoverflow-x: visible;
.k-overflow-x-scrolloverflow-x: scroll;
.k-overflow-x-clipoverflow-x: clip;
.k-overflow-y-autooverflow-y: auto;
.k-overflow-y-hiddenoverflow-y: hidden;
.k-overflow-y-visibleoverflow-y: visible;
.k-overflow-y-scrolloverflow-y: scroll;
.k-overflow-y-clipoverflow-y: clip;

Visible Overflow

Use the k-overflow-visible utility to prevent the content of an element from being clipped when it overflows.

Hidden Overflow

Use the k-overflow-hidden utility to clip the content of an element when it overflows.

Horizontal Scrolling

Use the k-overflow-x utility to control the horizontal scrolling behavior of an element.

Vertical Scrolling

Use the k-overflow-y utility to control the vertical scrolling behavior of an element.