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

Adaptive Mode

Starting with Q2 2025, the Pager provides an adaptive mode that enhances its responsive behavior and optimizes the user experience on different screen sizes.

The adaptive mode is an enhancement to the default responsive behavior of the Pager. When enabled, it provides a more streamlined interface when the available space is limited.

To enable the adaptive mode, set the adaptiveMode option to true:

Change Theme
Theme
Loading ...

For details on related breaking changes introduced in this release, refer to the Breaking Changes in 2025 Releases article.

Responsive vs. Adaptive Mode

While the standard responsive behavior of the Pager uses specific breakpoints to determine which elements to show or hide, the adaptive mode takes a different approach:

  • The adaptive mode emphasizes optimizing available space without relying solely on fixed breakpoints.
  • When space is limited, UI elements transform to more compact alternatives (like NumericTextBox replacing page buttons).
  • The adaptive mode prioritizes usability in constrained spaces while maintaining all essential pagination functionality.

See Also