New to Kendo UI for jQueryStart a free 30-day trial

Adaptive Mode

The Kendo UI for jQuery Pager features an adaptive mode that improves usability on mobile and small screens by transforming the page selection interface. When enabled via the adaptiveMode option, the Pager automatically switches its page selector to a DropDownList, which adapts its appearance based on the device's screen size.

Depending on the screen width, the DropDownList for page selection may appear as a standard popup, docked to the bottom, or as a full-screen modal—ensuring optimal accessibility and touch support. Typical breakpoints are up to 500px for small screens, 501–768px for medium, and above 768px for large screens.

This adaptive behavior allows users to easily navigate pages regardless of device, without manual configuration for different resolutions.

To enable, set adaptiveMode: true in the Pager configuration.

Change Theme
Theme
Loading ...

See Also

In this article
See Also
Not finding the help you need?
Contact Support