Kendo UI for Angular: New OTP Input Component

Enhance the security of application login with the new Kendo UI for Angular OTP Input component. It simplifies multi-factor authentication by streamlining one-time password entry for the user. Shipping with forms support, mobile-friendly adaptiveness, WAI-ARIA attributes support and keyboard navigation, the Angular OTP Input is flexible and accessible. Fully customizable, this new component supports various input types (number, password, text), different styling options, disabled and read-only modes, and more.

See Kendo UI for Angular OTP Input demo 

Kendo UI for Angular: Adaptive Mode for ColorPicker, Tabstrip and Toolbar

The new adaptive rendering feature allows the ColorPicker, Tabstrip and Toolbar components to adapt to the screen size by adjusting dynamically based on the screen dimensions.

Adaptive behavior needs to be defined per-component as a UI-specific solution. For example, the adaptive Kendo UI for Angular TabStrip enables users to scroll through its tabs when the tab list cannot fit in the component boundaries. For the Angular ColorPicker, adaptive mode provides a mobile-friendly rendering of its popup by changing it to an action sheet. The ToolBar adjusts its rendering based on screen size, ensuring overflowing tools remain accessible.

See the Angular ColorPicker Adaptiveness demo

See the Angular TabStrip Sizing demo

See the Angular Responsive Toolbar demo

Multiple Kendo UI for Angular Data Grid Enhancements

With this release, the Angular Grid is enriched with row spanning, enhanced column resizing, resizable grid, drag handle and hint customization.

The new Angular Grid row spanning feature allows cells in a specific column to extend across multiple rows. This works the same way as "cell merging" in Excel. You can implement any custom logic for spanning the desired cells depending on the current Grid state and the application's requirements.

The enhanced column resizing introduces a constrained mode, support for RTL mode, and virtual and reorderable columns.

A third exciting feature the Kendo UI for Angular Grid now boasts is that you can now enable grid resizing to give users greater control over the appearance of the data and how they interact with it.

Lastly, the new built-in ability to customize the drag hint used for row reordering makes your Angular grid even more user-friendly.

See the Angular DataGrid Row Spanning demo

See the Angular DataGrid Column Resizing demo

See the Angular DataGrid Resizable Grid demo

See the Angular DataGrid Row Reordering demo

Kendo UI for Angular: Enhanced UI Customization Tooling

Progress Page Templates and Building Blocks collection got enriched with 12 new Building Blocks such as Dashboard cards, AI App Welcome screen and AI-powered editor, alongside a new AI Usage Monitoring dashboard template.

Page Templates and Building Blocks are pre-configured with Kendo UI for Angular components embedded and come for free with the newly introduced subscription packages.