DT 2024 Q4 KendoUI_LP_Banner_1920x440

Kendo UI 2024 Q4 Release Webinar

Progress Breaks New Ground in UI Development with Professionally Built Design System Assets, Advanced Data-Driven Visualizations and Day-Zero Support for the Latest .NET and JavaScript Frameworks.

Highlights: 70+ Page Templates and Building Blocks, Support for Dart, Unstyled Option for Kendo React Themes, Angular 19 Support, Data Grid-Chart Integration, Support for Angular Hybrid Standalone Components, KendoReact Integration with Astro, and More.


Watch the Recording

Webinar:
Monday, December 2 I 11:00 a.m. – 1:00 p.m. ET

Progress® 2024 Q4 release continues to lead the market with the most comprehensive toolset for modern-looking user experiences—from professionally designed building blocks and customization tools to rich components’ functionality with support for the newest .NET and JavaScript frameworks. Design and development teams will find the solutions to emerging problems like the design to code handoff with 70+ Page Templates and Building Blocks, ThemeBuilder app that can now be used to style more than just Telerik and Kendo UI components, support for Dart enabling faster leverage of new Sass features, unstyled option for KendoReact themes for more flexible styling, plus additional theming and size improvements. All these while ensuring smooth data-driven experiences with enhancements like Kendo UI Data Grid-Chart integration, patterns support in chart rendering and accelerated modern UI development with support for .NET 9, Angular 19, KendoReact integration with Astro, and more.

Kendo UI 2024 Q4 Highlights:

  • Faster, Smoother and More Efficient Design-to-Code Process:

    • New Page Templates and Building Blocks for even more productivity and reusability: Building a layout from scratch can take a lot of time and effort. With the brand-new Page Templates and Building Blocks available for Kendo UI for Angular, KendoReact, Telerik UI for Blazor and Telerik DevCraft, teams can build beautiful apps even faster.
      • Page Templates: 10 professionally designed, highly customizable and accessible page templates.
      • Building Blocks: 60+ ready to copy-paste, fully responsive and customizable building blocks.
    • Use ThemeBuilder to style more than just Telerik and Kendo UI components: Powerful features are added to the ThemeBuilder app including Building Blocks support, support for custom HTML elements, ability to convert Figma components to HTML, alongside functionality for importing external CSS and version control for saving multiple versions of the same project.
    • Enriched design system documentation for more component coverage: DockManager, Property Grid, Menu, ContextMenu, StackLayout and GridLayout complete the large collection of UI components detailed in the Design System documentation.
    • Improved Figma UI Kits with better documentation and features: We have updated the Figma UI Kits to the latest version of the components to ensure your design assets and UI components are fully in sync.
    • Support for Dart enabling faster leverage of new Sass features: The four professionally designed themes across Telerik and Kendo UI are enhanced with an ability to adjust the module system to work with Dart Sass. Since Dart is the primary Sass implementation, it gets new features first.
    • Unstyled option for Kendo React themes for flexible styling: Unstyled modes are popular for teams that have their own styling systems. This release provides the first version of support for this mode.
    • Improved Kendo UI themes loading time by reducing the size of the required styles: The CSS utility classes are detached in a separate package to allow loading of what’s needed only, thus ensuring faster page loads.
    • Elevated consistency: Fostering consistency across different JavaScript and .NET web frameworks, this release features unified rendering for the remaining Menu, ContextMenu and TabStrip components, reaching full components’ coverage.
  • Embracing Next-Gen Frameworks and Integrations:

    • Compatibility with Angular 19: Kendo UI for Angular ensures day-zero support for the latest features and innovations of Angular Version 19.
    • Support for Angular hybrid Standalone components: Embracing the evolution of Angular architecture, Kendo UI for Angular provides support for standalone hybrid components.
    • KendoReact first-class integration with Astro: Effortlessly add KendoReact components to your Astro project for a seamless development experience.
  • Embedded Data-Driven Experiences with Advanced Data Visualizations:

    • New Kendo UI Data Grid-Chart integration: With a few lines of code, you can empower Angular and KendoReact users to make a Grid selection and generate various chart styles out of it with a single click.
    • Multiple Chart improvements across Telerik and Kendo UI: Patterns support in chart rendering, ability to use CSS variables in Color system and a “No Data" label allow developers to design and build stunning web visualizations even faster.
  • UI Components and Features for Enterprise Development Teams:

    • Multiple Grid enhancements across Telerik and Kendo UI: Improvements like sticky columns alongside column virtualization, built-in print option, support for responsive columns, toggle edit mode and more provide developers with a high-performant, full-featured Grid to cover any data-heavy app requirement.
    • Full feature parity between PivotGrid and PivtoGrid v2: The modern looking PivotGrid v2 in Kendo UI for jQuery now offers the same set of features and functionalities as the PivotGrid.
    • CSP compliant Spreadsheet control: The Spreadsheet component across Telerik and Kendo UI libraries adheres to strict security standards, preventing the execution of unauthorized scripts and protecting user data more effectively.

Join Kendo UI 2024 Q4 release webinar on December 2 at 11:00 a.m. ET to learn how the latest Progress developer tools release can empower you and your development and design teams to exceed user expectations by creating experiences that capitalize on the latest technology trends. During the webinar, our developer advocates Alyssa Nicoll and Kathryn Grayson Nanz will present in detail the major updates across all JavaScript libraries and demonstrate how to use them to drive digital success.

Highlights We’ll Cover During the Live Webinar:

Progress® Kendo UI® for Angular 

  • New: 70+ Page Templates and Building Blocks
  • New component: Chart Wizard
  • Data Grid-Chart Wizard integration 
  • Multiple Grid improvements: Sticky columns and virtual scrolling cross-feature enablement, distinguishable column menu expandable items, etc.
  • Chart enhancements: Patterns in Charts, “No Data” label, Sankey diagram keyboard navigation  
  • Day-zero support for Angular 19 
  • Support for Angular hybrid Standalone components 
  • Spreadsheet: CSP compliance 
  • Keyboard navigation enhancements, accessibility compliance to WAI-ARIA and Section 508
  • PivotGrid virtualization 
  • UX improvements: Date Editing, TabStrip 
  • .NET & Java integration sample applications

Progress® KendoReact™

  • New: 70+ Page Templates and Building Blocks
  • New component: Chart Wizard
  • Data Grid-Chart Wizard integration 
  • Multiple Grid improvements: Ability to print a pageable and scrollable grid, support for responsive columns, improved keyboard navigation, including updated row, in cell, popup editing rules, etc.
  • Chart enhancements: Patterns in Charts, “No Data” label, Sankey diagram keyboard navigation  
  • First-class integration with Astro 
  • Unstyled option for KendoReact themes
  • Enhanced "Getting started" with Vite 
  • Spreadsheet: CSP compliance 
  • Keyboard navigation enhancements
  • UX improvements: Date Editing, TabStrip 

Progress® Kendo UI® for Vue

  • Multiple Grid improvements: Support for responsive columns, built-in print functionality 
  • Chart enhancements: “No Data” label, Sankey diagram keyboard navigation
  • UX improvements to the TabStrip component

Progress® Kendo UI® for jQuery

  • PivotGrid to PivotGrid2: Full feature parity
  • Multiple Gird improvements: Toggle edit mode, export to Excel with hyperlink support, scrollto option
  • Chart enhancements: Patterns in Charts, “No Data” label, Sankey diagram keyboard navigation
  • Spreadsheet: CSP compliance
  • Auto-correct for Date inputs
  • DropDownTree: ValueMapper function
  • UX improvements to the TabStrip component

Progress® ThemeBuilder™ 

  • Custom HTML styling
  • Support for the Building Blocks inside ThemeBuilder
  • Design to Code v. 1.0: Enables the conversion of Figma components to HTML
  • Import existing CSS files
  • Ability to save multiple versions of the same project and reload them dynamically
  • Support for previous Kendo UI Theme versions
  • Updated “Create new project” screen
  • Expanded Advanced Edit templates
  • Update of the Figma plugin to improve usability
  • Security improvements

The Speakers:

Alyssa Nicoll

Alyssa Nicoll
Developer Advocate for Kendo UI for Angular & GDE, Progress

Alyssa is an Angular Developer Advocate & GDE. Her two degrees (Web Design & Development and Psychology) feed her speaking career. She has spoken at over 30 conferences internationally, specializing in motivational soft talks, enjoys gaming on Xbox and scuba diving in her spare time. Her DM is always open, come talk sometime.

kathryn-grason-nanz

Kathryn Grayson Nanz
Developer Advocate for KendoReact, Progress

Kathryn Grayson Nanz is a developer advocate at Progress with a passion for React, UI and design and sharing with the community. She started her career as a graphic designer and was told by her Creative Director to never let anyone find out she could code because she’d be stuck doing it forever. She ignored his warning and has never been happier. You can find her writing, blogging, streaming and tweeting about React, design, UI and more.