The Telerik R3 2021 release for UI for ASP.NET MVC is here and brings four new UI components: OrgChart, Captcha, Heatmap and Popover; enhancements in Grid, Form, Pager and MultiSelect components; Design Kits for Figma, Bootstrap 5 support and more!
Below is a summary of what’s new in UI for ASP.NET MVC R3 2021:
Read ahead to learn more about the latest additions of UI goodness in the Telerik UI for ASP.NET MVC offering!
The UI for ASP.NET MVC OrgChart component visualizes hierarchical data and allows users to seamlessly interact with it. The component provides out-of-the box functionality to expand and collapse organizational nodes, grouping items, remote data binding, editing, loading data on demand, custom content rendering through templates, accessibility and keyboard navigation, RTL and more.
Telerik UI for ASP.NET MVC Organizational Chart Component
The UI for ASP.NET MVC Captcha component is very helpful for cases when you need to protect your app from non-human requests and form submissions. The Captcha displays an image with symbols (combination of letters and numbers), and prompts users to rewrite it in a dedicated input, thus providing a layer of security validation to your application. As part of the component, an audio button is rendered to ensure the component is accessible and can be used by any user. In addition to reading out loud the visualized symbols, it also lets you adjust the speaker volume.
Telerik UI for ASP.NET MVC Captcha Component
The UI for ASP.NET MVC HeatMap Chart component visualizes graphical representation of numerical data, where individual data points contained in the data set are represented using different colors. It has a grid-like structure which has cells associated with an X-axis and a Y-axis. The value of every cell determines what color the cell should be filled in, with the range of colors ranging from white to a completely filled-in color and everything in between as a gradient. The Telerik HeatMap Chart provides out-of-the box functionality for crosshairs, different shapes, color scales, PDF export, panning and zooming, category binding, tooltips and various theming options.
Telerik UI for ASP.NET MVC HeatMap Chart Component
The UI for ASP.NET MVC Popover component comes in handy when you need to display content on top of an anchor (for example, when you need to show detailed content when users hover over certain UI elements). The popover component comes with support for templates, which let you render custom content such as images, styled text and more.
Telerik UI for ASP.NET MVC Popover Component
The Form UI component got further enhanced with:
The Data Grid for ASP.NET MVC component allows you to specify horizontal alignment of the content (Left, Right or Center) using the HtmlAttributes(). The column headers and footers can be aligned as well, using the HeaderHtmlAttributes() and FooterHtmlAttributes() methods, respectively.
The ASP.NET MVC Pager UI component can now be navigated by using the arrows, Home and End keyboard buttons, Tab, Enter, Escape and Shift (in addition to the existing option of using PageUp and PageDown buttons). Checkout the Pager keyboard navigation demo.
We added the option for dropdown arrow in the MultiSelect component (just like in the DropDownList component) and completed yet another Feedback Portal request.
In R3 2021 release we have something new for those of you who are using Telerik Document Processing within your ASP.NET MVC apps! In the latest distribution package, you will find several of the most-wanted items from our Feedback Portal, such as:
The Default, Material and Bootstrap themes now shine with different coloring options, which you can apply in Telerik component demos by selecting one of the many new available swatches:
Themes & Swatches in Telerik Demos
Following the announcement of Bootstrap 5 earlier this summer, we worked to ensure that we can accommodate various preferences for its version support. If you would like to take advantage of the latest v5 updates, make sure to use the bootstrap-main swatch. In case you wish to continue using the previous versions, you can reference Bootstrap-3 and Bootstrap-4.
To achieve efficient collaboration between designers and developers on your team, we have created three Telerik UI Design Kits for Figma: Material, Bootstrap and Default (one for each of the top three themes we ship with Telerik UI for ASP.NET MVC—our own styling).
Telerik & Kendo UI Design Kits for Figma
The design files include 30+ of the most widely used UI for ASP.NET MVC components such as Grid, Scheduler, Dropdowns and Inputs, with their detailed anatomical structures, colors, indicators and icons. The included building blocks and elements enable smooth collaboration between designers and developers, and our goal is to continuously grow the number of included components and ensure full coverage.
Download and try a trial version of Telerik UI for ASP.NET MVC, or if you are an active license holder, you can just grab the latest and greatest from the Your Account page! Share your thoughts with us on our feedback portal and help us shape the future of UI for ASP.NET MVC.
Thank you for your continuous support and happy coding!
Maria Veledinova is Product Manager for Telerik UI .NET Web components - Blazor, ASP.NET Core, MVC and AJAX. She has experience in the field of product development and transformations of organizations towards forward-looking, innovative and impactful software products. Maria believes that behind every great product along with the cutting-edge technology stands challenging the status quo, close collaboration with the customers, and spirit of experimentation. Follow her on Twitter or LinkedIn.
Subscribe to be the first to get our expert-written articles and tutorials for developers!