Telerik UI for ASP.NET Core
In addition to the existing linear ProgressBar component, with this release we’re adding an ASP.NET Core CircularProgressBar. The new component allows developers to visualize the progress of a particular process as a circle. The CircularProgressBar comes with the following set of features:
With the R2 2022 release, we are happy to introduce the new Dark mode in the Telerik UI for ASP.NET Core documentation and demo sites. The Dark theme has become a favorite style for many as it reduces eye strain and ensures good color contrast and improved accessibility. You can now easily switch between light and dark themes and browse through the resources in your preferred mode.
The growing usage of Visual Studio Code among the dev community inspired us to introduce the Telerik Visual Studio Code Extension for ASP.NET Core about a year ago. We have since been adding new features and templates to it with the goal of helping ASP.NET Core developers set up and build apps faster. Today, the initially simple project wizard has been upgraded to Progress® Telerik® UI for ASP.NET Core Productivity Tools—a unified extension within Visual Studio Code that includes handy developer features for fast UI component reference, configuration and usage.
On the list of most-wanted features for the VS Code productivity tools, the scaffolder was the headliner. You can take advantage of the scaffolders immediately and start scaffolding the most loved Telerik UI for ASP.NET Core data-bound components: the Data Grid, Chart, Form, ListView, Editor, TreeList, and Scheduler. The Visual Studio Code scaffolder will prompt you for the input of the controller and model names and will allow you to configure multiple component-specific properties. For example, if you scaffold a new page with the Telerik UI for ASP.NET Core Data Grid, you will be able to set its sorting, filtering, grouping, column resizing, and more properties
Another productivity feature in the extension is the addition of code snippets for fast UI component reference and configuration. You can now take advantage of dozens of code snippets that can be easily invoked in the IDE by typing “tc” (short for Telerik ASP.NET Core) or directly the name of the component you need to plug in. For example, typing “grid” or just “gr” will conveniently show a dropdown with the available snippet templates you can insert into your code. Then, using a tab sequence, you can fill out the component properties, options, model and controller actions.
With this first release, we shipped code snippets for the majority of the Telerik UI for ASP.NET Core components—the Data Grid, Autocomplete, Date and Time Pickers, Form, Textbox, Upload, Window and more. The good news is that the snippets are now available for both flavors of the UI components—HTML and TAG Helpers. Our goal is to continue this effort and deliver 100% coverage for the snippets over the next couple of product releases.
As the features and complexity of the existing ColorPicker component grew over time, we needed to simplify them and provide granular functionality in several standalone color picker UI components. You can now take advantage of a specific color picker, depending on your use case:
The UI for ASP.NET Core FlatColorPicker is a powerful color editing tool that includes both a Palette and a Gradient view. The component features a header and footer, containing various buttons for switching between views, applying, previewing, reverting or canceling changes. While it resembles the ColorPicker component, the FlatColorPicker comes in a simpler form without the typical popup.
The ColorPalette for ASP.NET Core provides a set of predefined color sets and the flexibility to define your own set of colors (any valid CSS color). The ColorPalette is accessible by all screen readers, has built-in keyboard support and complies with WAI-ARIA, Section 508 and WCAG 2.1.
The new standalone ColorGradient UI component gives users a way to select a color via a visual gradient. The ASP.NET Core ColorGradient includes a hue and alpha slider along with manual HEX and RGB inputs. The component also comes with a contrast tool that analyzes the contrast ratio between two colors and helps users select accessible color combinations that meet the WCAG standards. Just like the rest of the UI for ASP.NET Core controls, the Color Gradient has built-in support for keyboard navigation.
Based on your feedback, we are significantly improving the TagHelper code examples and documentation, so that you can easily reference them in your work. The effort will continue throughout 2022, but you can already take advantage of the easy switch between the HTML and TAG Helper views in the component demos.Additionally, we are expanding the available TagHelper code snippets in both the component demos and documentation. With the current release, we managed to improve the examples in over 30 UI for ASP.NET Core components and multiple documentation articles—DropDownList, DateTimePicker, Editor, TreeView and more. As promised, this effort will continue for a few more releases until we have complete parity between the HTML and TagHelpers examples
The ASP.NET Core Spreadsheet UI component now has the capability to change the number of its rows and columns and increase its size after loading. When enabled, the new Resize method automatically resizes the sheet on pasting data larger than the current sheet size can fit. The resize functionality also allows flexible behavior when adding and deleting columns and rows from the toolbar.
As a leading provider of UI components for ASP.NET Core, we are glad to announce that the Telerik UI for ASP.NET Core suite is compatible with .NET 7 Preview 5.
In addition to releasing the high-contrast Ocean Blue theme, in R2 2022 we have further improved the components’ accessibility compliance levels and documentation. The Telerik UI for ASP.NET Core library is undergoing an accessibility review using the industry-standard testing process. In the latest release, we have addressed and improved multiple items and will continue this effort throughout the year.
We have updated our existing Voluntary Product Accessibility Template (VPAT) for Telerik UI for ASP.NET Core to the latest version and according to the latest accessibility improvements that have been made to our UI components.
The VPAT document is available upon request. Feel free to reach out to our support team or one of our sales reps to get a hold of the latest version.
In R2 2022, we’ve added a LoadCompleted event to the UI for ASP.NET Core TreeView component. It allows you to trigger certain operations or define custom logic only when the complete set of data is loaded.
With the R2 2022 release, we are delivering something new for those of you who are using Telerik Document Processing within your ASP.NET Core apps. In the latest distribution package, you will find several of the most-wanted items from our Feedback Portal, including:
The UI for ASP.NET Core Menu component was enhanced with a much-requested feature related to hiding menu items from unauthorized access. The feature can be enabled through a single property called SecurityTrimming, but also relies heavily on ASP.NET Core Authorization.