Check out the latest features and updates in Telerik UI for Blazor, including a new ComboBox, Grid Column Resizing, MultiView Calendar and .NET Core 3.1 Preview 2 Compatibility.
We are continuously evolving the Telerik UI for Blazor suite, and are happy to announce that version 2.3.0 has been just released and is ready for download. We continue to regularly add new components and extend the capabilities of the most used and demanded component - the Grid.
Based on your feedback and requests we added a brand new Blazor ComboBox control, MultiView Calendar and enhanced the Grid with Column Resizing. We have also ensured that Telerik UI for Blazor is compatible with Preview 2 of .NET Core 3.1.
Shortly after Microsoft announced the release of Preview 2 of .NET Core 3.1, we are glad to share that Telerik UI for Blazor 2.3.0 is fully compatible.
NET Core 3.1 is a short release focused on key improvements in the two big additions to .NET Core 3.0. - Blazor and Windows desktop. Microsoft has announced that 3.1 will be a long term support (LTS) release with an expected final ship date of December 2019.
Whether you need to allow the user to select items from a dropdown list of predefined values, let them enter custom values, or filter the available items - the new Blazor ComboBox component has it all.
To add the ComboBox to your Blazor app, simply add the
<TelerikComboBox> tag and bind it to data like in the example below:
You can bind the ComboBox to primitive types (like int, string, double), or a data model. Further details can be found in the detailed data binding article.
To ease the search of values for your users, you can able the
Filterable option in the
<TelerikComboBox>. To encourage user typing of values when filtering, you can set the
Placeholder property with a suitable call to action message.
In addition to filtering and selecting values, your application scenario may also require user input with custom values. In this case you have to set the
AllowCustom property to
true and ensure that the
ValueField and the
Value properties are of type
The ComboBox allows you to control the data, size, and various appearance options. Using templates, you can change rendering and customize items, header and footer. An example of how to customize your ComboBox using templates can be found below:
For capturing and handling the selected and inserted values in the ComboBox, or responding to their changes, you have two events which you can utilize:
ValueChanged- fires upon every change of the user selection.
OnChange- fires only when the user presses Enter, or blurs the input (for example, clicks outside of the combo box). Can be used with two-way binding of the Value.
To enable the column resizing, set the
Resizable parameter of the grid to true. Resizing is done by users of your applications by simply dragging the borders between their headers.
If for certain columns in the Grid it doesn’t make sense to be resized, set the column parameter
false. The users will still be able to resize other columns around it.
To enable easy browsing through the Calendar dates, we have enabled the option to render multiple instances of the current calendar view next to each other. Using the
Views property you can set the desired number of calendars you would like to appear on your page.
Download the latest version Telerik UI for Blazor Native Components from the Telerik UI for Blazor overview page and share your feedback with us on the official Telerik UI for Blazor feedback portal.
We value your ideas, requests and comments, and we are proud to announce that Telerik UI for Blazor 2.3.0 release is heavily based on feedback items submitted by you – our community of Blazor developers. Check out the Resizable Grid Columns & ComboBox Component feedback items to see how seriously we take into consideration your requests.
Keep helping us shape the future of UI for Blazor in 2020 and beyond!
Happy Blazor 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!