New component: Gantt

Pick the Telerik UI for Blazor Gantt chart diagram to accommodate big and small projects with a lot of planning. This control lets users add, edit, filter and sort all the data in various ways - a perfect addition to your management app. 

The Gantt is a well-known tool that is heavily used in project and task management applications, process execution & monitoring, task scheduling to name a few. While the initial plan was to deliver the Gantt Chart in September 2021, due to the growing demand for the component in Blazor applications, we did some rescheduling and managed to ship its v1 with the current release of Telerik UI for Blazor 2.26. Expect another set of features in September! 

New Component: Stepper

Breakdown complex flows into smaller steps with the new Telerik UI for Blazor Stepper component. Create a sequence that visualizes progress and makes it easier to keep track of your advancement or use the Stepper for a navigation in your project. Easily implement custom icons, various fonts and colors, validation logic and benefit from the vertical and horizontal orientation settings. 

New Component: Wizard

The Wizard component enables you to create multi-step processes and guide users step-by-step in your application. You can easily integrate the Wizard with a Form component to break long processes into smaller steps and allow users to fill one form at a time. If you integrate it, each step of the Wizard will be a separate Form, and you will be able to use all of the input component functionalities, such as custom textboxes, labels and data validation. 

New Component: StackLayout

The new Telerik UI for Blazor StackLayout component lets you to arrange UI elements horizontally or vertically in a stack. You can use it to organize content in your project both in a row or in a column, whichever fits your needs. Тhe component is similar to the StackLayout in WPF, so it will let developers with desktop background easily build web layouts in a familiar way. 

New Component: GridLayout

With the GridLayout component for Telerik UI for Blazor you can easily organize UI elements in a grid-layout system with both rows and columns. It comes with various customization options, such as row and column spacing, vertical and horizontal alignment, row and column span and more. Тhe component is similar to of the GridLayout in WPF, so it will let developers with desktop background to easily build web layouts in a familiar way. 

New Component: PanelBar

The newly added Telerik UI for Blazor PanelBar component serves as a hub for expandable panels. It is suitable for presenting users with large data in a manageable way as they choose when and what to expand depending on their needs. 

New Grid and TreeList Enhancements: No Data Template, Delete Confirmation and Pager Settings

With this release have added three new enhancements to the Blazor Grid and TreeList controls. The No Data Template allows you to display custom content in case the component has no data to display, the Delete Confirmation is here to ensure that no important information is lost because someone missclicked the delete button, and the Paging feature now has two new configuration options – Go to Page Input and page sizes drop-down list. 

New Grid Enhancement: Alignment of Cell Values

The grid columns provide a way to specify alignment for the content with either Left, Right or Center column alignment to structure your data in the most convenient way for your needs. 

New Grid Enhancement: Multi-Column Header

Now you can group related columns in the Telerik UI for Blazor Grid control under a parent column. Display contact information such as a physical address, email address and a telephone numbering subcolumns under a “Contact info” column. 

New Grid Feature: Fit Column Width To Column

The large amount of Grid customization features was just expanded to also include the ability to hide or show every row and column – all depending on the device the user is loading the app on.

New Grid Feature: Excel-like Editing

Editing with a minimal number of keystrokes, like how MS Excel operates, is now available in Telerik UI for Blazor Grid – hit Enter to confirm the current value and automatically move onto the next cell in the column. The input content is highlighted by default so you can replace it without hunting for the mouse to select it.

New Pager Enhancements: New Input Type and Page Size Dropdown List

The Pager component now has two input types, the standard Button type and Go to Input type, which displays a numeric textbox and a separate dropdown, both of which let users type in the page they want to see. The control also allows users to choose the Page Size, which can now be done from a Dropdown list providing several options (10,20,30 … All). 

New Scheduler Enhancement: Delete Confirmation, No Data Template and Date Header Template

The Blazor Scheduler gets three new enhancements with this release. The first one is related to the option to delete an event. Up until now, you clicked the x button, and the event was gone. This, however, can happen by accident, that is why we have added a Delete Confirmation popup which asks the user to confirm the action. If you are dealing with an event part of certain series, you will get to choose to either delete only this event or all occurrences in the series. The second enhancement is related to the header slots. The component now offers a Date Header Template which allows you to customize the rendering of the date header slots for the Day, Week and Timeline views. 

New Grouping feature for Scheduler

With this release we are adding a built-in grouping feature to the Telerik UI for Blazor Scheduler component. This feature enables users to easily book required resources, such as meeting rooms in the office, equipment etc, as well as check the availability of such beforehand by grouping appointments by resources. It supports both Horizontal and Vertical group orientation. 

New TreeList Enhancement: Row(s) Drag and Drop

Similarly to the Grid, the Telerik UI for Blazor TreeList now also supports dragging and dropping to reorder items within the component for a more user-centric experience.  

New ListView Enhancement: Pager Settings

The Paging feature in the ListView component can now be configured in three different ways. You can decide how many page buttons are displayed, show/hide the Page Size and choose from two input types. The first one displays page number buttons, the second one renders a numeric textbox which allows users to input the number of their desired page or select the page from a dropdown list. 

Updates in Telerik Document Processing

In the latest distribution package, you will find Telerik.Documents.Flow.FormatProviders.Doc NuGet that will allow you to import .DOC file format, and then manipulate, convert and export it to any of the other supported format providers. 

New Event Property Across Multiple Components

New Telerik UI for Blazor + Telerik Reporting Demo

We added a new step-by-step demo showing how to integrate Telerik UI for Blazor and Telerik Reporting. It features an example of exporting the data stored in our most popular control, the Grid, to a report driven by Telerik Reporting. 

New VS Code Converter: Seamlessly Setup Telerik UI for Blazor

Adding Telerik UI for Blazor in existing projects is now hassle-free thanks to the VS Code Converter. Simply follow run the converter and you’ll get access to the best Blazor UI suite in no time. 

New Blazor Sample Solution Blazing Coffee

The Blazing Coffee demo application shows how a full-stack .NET application can be built with ASP.NET Core, Blazor WASM, and Telerik UI for Blazor. Within the demo you can see in action components like: Drawer, Grid, DropDownList, DateRangePicker, Chart, Upload, Tooltip and more! Also, the sample app showcases usage of globalization and localization, authentication, authorization as well as applying light and dark themes. Make sure to check it out on our Blazor demos hub page. 

Telerik Forums Revamp

With this release we revamped one of the favorite places that developers love hanging out – the Telerik Forums. Check out the complete forums story of why and what in the dedicated blog post.