Telerik UI for Blazor
Build dashboards with style and ease with the new Telerik UI for Blazor TileLayout component. Empower your users to organize their work as they want by building various Tile pieces and placing them in the TileLayout. The component will take care of the rest.
The addition of the Telerik UI for Blazor Editor component is here to let your users create rich text and visual documents without ever leaving the confines of your app. Generate HTML files which you can present elsewhere in the app or export them as more standard document types to be printed or used in other software packages.
The Telerik UI for Blazor TreeList component complements your favorite Grid control – it too is a list container but one which displays the hierarchical relationships of the underlying data. For example, an expense report for a business trip might contain things like plane tickets, taxi and parking, which all should be nested inside a general Travel category. The TreeList is the perfect tool for that job.
Give your users a sleek loading indicator through the Telerik UI for Blazor Loader component. Customize it to match your project’s theme by picking an animation type, color and size.
Benefit from the modern version of the checkbox with the Telerik UI for Blazor Switch control. Let your users toggle a Boolean variable with an intuitive interface that works just as well on both mobile and desktop devices.
Users instinctively know that when they need to access advanced options, they can right click on an UI element. Making context menus to live up to that expectation is now easy thanks to the new Telerik UI for Blazor Context menu control.
A crucial element of many financial applications is the need to display in detail the deviation of a financial instrument over some period of time. By adding the Telerik UI for Blazor Stock Chart component, we aim to ease the work of all of our FinTech developers.
The newly added Telerik UI for Blazor ToggleButton is the perfect tools when you want to provide users with capabilities of flipping a switch in your app – whether it’s muting/unmuting the volume in a media player or toggling between dark and light mode, the ToggleButton looks sleek and is highly customizable to fit any page. See it in action on the demo page.
The Telerik UI for Blazor ButtonGroup component takes the other new component – the ToggleButton and expands it. Manage multiple toggle buttons to implement groups exclusive options like radio buttons. Or make them non-exclusive, for example to implement Bold, Italic and Underline in a text editor.
The Column Menu feature provides your app’s users with a convenient way to apply sorting, filtering, and toggle the visible and lock states of the columns to the Grid.
The newly introduced Search Box is an additional method of filtering records in a Grid, complementary to the Grid Filtering options but much simpler – let your users type whatever they are looking for and voila!
The Telerik UI for Blazor Grid now supports sorting by multiple criteria by just clicking on the columns they are interested in.
Easily summarize data in any Grid column with the Grid Footer Template for Aggregates. This feature allows you to aggregate data from one or several columns, a key feature for building all sorts of reports.
Dynamically control every column’s visibility with the Visible property – hide columns after a user interaction or show them after some data was loaded – it’s all dependent on your needs.
Custom filter rows and Custom filter menus provide you with the ability to replace the built-in filters on top of each column in the Grid with a more user-friendly filter for your specific case. Discover how can you use both in the filter row demo and in the filter menu demo.
Right-clicking with a mouse or long-holding on mobile will result in the OnRowContextMenu event being fired. Handling this event is best combined with the ContextMenu component to show any relevant commands.
It is now possible to use manual data management with OnRead with grouped data! When data is grouped, it can no longer be represented with a flat list of items as each group acts as a container for several items. For that reason, previously it was impossible to read from the grid using OnRead but that’s no longer the case. Check the demo for an example on how to achieve it.
When a user expands or collapses a row, the Grid will broadcast the OnRowExpand and OnRowCollapse events respectively. These can be used to display or remove any additional commands / details about the data (e.g. an expanded row might be used as a datapoint on a Chart).
Whenever a row in the Grid is clicked or double-clicked, the corresponding event is fired and you can handle it to do interesting things like showing a detailed view of that row in a separate control or fetching/sending more data about this particular item to the server. Read the full guide in the docs.
The Telerik UI for Blazor Grid can also use data from a weakly-typed ExpandoObject. This is often the case when connecting to a backend based on older technologies and usually makes integration much harder the Grid takes care of it.
The Telerik UI for Blazor Grid can also use data from a DataTable object. This makes it easier to connect with legacy code which is still using DataTables – like in this example.
Users can now hover over the Telerik UI for Blazor Chart to get more detailed information about a particular data point on it and developers can customize the tooltip to show whatever relevant information is necessary.
Two new chart types were introduced in this release – the Candlestick and the OHLC (open-high-low-close). Both are invaluable financial helpers as they display the price of a financial instrument at its highest, lowest, when the market was opened and when it closed.
The Telerik UI for Blazor Chart component now exposes a Click event, triggered when the user clicks on the chart. Handling this event opens the door for new interactions like showing detailed info about clicked chart element like in our sample app.
Dynamically control which columns of the TreeList are visible with the newly added Visible property. This lets you hide columns that are not relevant for the current state of the Grid and show them back at a future time.
With Multi-Column Sorting, the Telerik UI for Blazor TreeList allows users to sort the data by multiple criteria. Clicking on multiple columns will apply the sorting rules in the click order.
Bolster your user’s search capabilities by adding a Search Box – an intuitive text input which users can type anything into and find only relevant records.
The OnItemClick and SelectedItemsChanged events will now fire to let you react to more user actions and provide appropriate results.
Nodes in the TreeView can be Selected so they can be processed in some way – e.g. selecting an item in TreeView displaying file and folder structure can open the file contents in a separate component like in this example.
There are several new minor parameters have been added to Telerik UI for Blazor TextBox component like control over AutoComplete, InputMode, PlaceHolder and TabIndex.
Menu items which cannot be used in the current state of the application can now be disabled. Disabled items will still render but the user will not be able to interact with them.
We have enhanced menu items with the ability to mark some of them as separators. Separators only render as a single line and will discard any text icons, children or navigable link. Use them to separate logically grouped sequences of menu items.
Anyone building dashboard-like Blazor applications will find this new project template handy as it offers a predefined layout perfect for bootstrapping your dashboard thanks to the new components and features in this release.
As learning materials are crucially important for devs of any kind, we made significant changes to both our demos and docs to make your journey better and faster. Take a look at the Blazor components demos and documentation and let us know what you think in the embedded feedback forms on both portals!
Telerik UI for Blazor can now also be installed on Linux! If you are a Linux user, download your Linux installer or start a new trial now.
Mac users, rejoice! You can now install the Telerik UI for Blazor suite via the new Mac installer.
We also released a Visual Studio Extension. The wizard streamlines interactions with the Telerik UI for Blazor suite and makes setting up projects easy – convert your existing Blazor project to a Telerik UI for Blazor-enabled project in seconds.