New to Kendo UI for jQuery? Start 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.