Telerik UI for Blazor 3.3.0 Retail
Telerik UI for Blazor 3.3.0 Retail
Blazor gives you the ability to write rich web apps with C# rather than jаvascript. Telerik UI for Blazor components have been built from the ground-up to ensure you experience shorter development cycles, quick iterations and cut time to market.
Template Support
With native components, the Telerik UI for Blazor Grid templates can fully utilize the best features of Blazor to highly customize the user experience.
Native Blazor Validation Integration
The UI for Blazor suite supports and integrates seemlessly into Blazor's Forms and Validation infrastructure. All Telerik UI for Blazor Input components work out of the box when placed inside an EditForm, respond to EditContext changes and provide default invalid styles.
Modern design
Telerik UI for Blazor provides Material, Bootstrap and Default themes that you can use to achieve modern design of your Blazor application. Thanks to the Theme Builder you can even customize the existing themes or create a new one to fit your needs.
What is Blazor
Blazor is a new framework by the Microsoft ASP.NET team that introduces a next generation component model that allows developers to write Single Page Applications (SPA) without jаvascript. If Blazor sounds new to you that’s because it has only been in development less than a year, and as an experimental project. Initially the Blazor framework targeted the Mono WebAssembly runtime (the .NET runtime compiled to wasm), thus allowing .NET to run on the client’s browser inspiring the name “Blazor” (Browser + Razor).
In this configuration the application’s resources including .dll files are delivered to the client and executed the Mono WebAssembly runtime. While the WebAssembly deployment of Blazor is sill in active development a server-side deployment option was introduced called Razor Components.
Blazor Component Model
The Blazor component model is refreshingly simple in its design. Components can contain markup (HTML) and logic (C#) in a single Razor (cshtml) file. The component is capable of handling data binding, events, and dependency injection all without jаvascript.
The Counter Component below demonstrates the basic composition of a Blazor component.
The counter component uses a basic HTML button to increment a counter field which is displayed within a paragraph tag. Because Blazor operates as a single page application all of the interactions in the component happen on the client. Updates to the browser’s Document Object Model (DOM) are handled by the Blazor framework though data binding.
What is Razor Components
Recently Microsoft has announced plans to support the framework when running server-side in a mode called Razor Components. Even more recently, an announcement was made that the same component model will be backwards compatible with ASP.NET Core (MVC) and Razor Pages. All of these cutting edge news and bits dropping around Blazor has our team at Telerik excited for the future of ASP.NET development. Much like Blazor running on WebAssembly, Razor Components allows developers to write Single Page Applications (SPA) without jаvascript.
The key difference between Blazor and Razor Components is the way the application is deployed. Instead of Blazor running via WebAssembly on the client, the Blazor framework runs on the server as an executable. In this mode, ASP.NET Core hosts the application and provides a communication channel using SignalR technology. Using SignalR the application sends UI updates and receives changes and events as binary packets of data over a web socket connection. Since only the changes are sent over the connection, the payload is small and efficient.
Since Razor Components utilizes the Blazor framework, components can be used in both deployment types.
UI for Blazor 3.3.0
Common
NEW
New FileManager Component
Compatibility with NET 7 Preview 4
Bootstrap Theme - v.5.4.1
Default Theme - v.5.4.1
Material Theme - v.5.4.1
Update DPL version to 2022.2.428
.NET 5.0 reaches End of Support by Microsoft on May 10, 2022 https://devblogs.microsoft.com/dotnet/dotnet-5-end-of-support-update/
Support for localization in VSX templates
Dark theme in demo site
VSCode Snippets for Blazor
VS Code Scaffolders for Blazor
Carousel
NEW
Add Rebind method
Charts
NEW
Plot Bands in chart
ComboBox
FIXED
Rebind after first OnRead doesn't display initial value
ComboBox does not display selected value if default
Selected text does not update when changing the data collection
DatePicker
FIXED
A debounced ValueChanged does not rerender the popup if said popup has been triggered before the call finished
DateRangePicker
FIXED
onchange event does not fire when you select a date range from the calendar
DateTimePicker
FIXED
A debounced ValueChanged does not rerender the popup if said popup has been triggered before the call finished
Dialog
FIXED
Predefined Dialogs don't cover a modal dialog when the TelerikRootComponent parent does not have display:flex
DropDownList
FIXED
Rebind after first OnRead doesn't display initial value
ComboBox does not display selected value if default
DropDownList should clear selection when the bound value is set to null (or the default) and no default value is set
Selected text does not update when changing the data collection
Editor
NEW
Image Resizing
Table Resizing
FIXED
Editor cannot align selection of block elements with different alignment
Most of the Editor Table Tools don't work on pasted table
Editor adds two tags
Cannot unselect alignment options in Editor Toolbar
Grid
FIXED
Buttons in EditorTemplate are not focused automatically
Field and Value properties from event args don't populate in incell editing
The Drag and Drop functionality does not enable properly when the RowDraggable parameter is bound to a bool parameter
Toggling Groupable to true at runtime does not let you drag to group
MultiSelect
FIXED
MultiSelect doesn't mark selected item on Enter keypress
Selected text does not update when changing the data collection
Notification
NEW
Expose methods for programatic hide - Hide & HideAll
NumericTextBox
NEW
Changes in parameters are reflected by the component
PanelBar
NEW
Add Rebind method
TabStrip
NEW
Add Width and Height parameters
Scrollable Tabs
FIXED
Wrong tab focused if there is a Visible=false tab before the one you click
TimePicker
FIXED
A debounced ValueChanged does not rerender the popup if said popup has been triggered before the call finished
TimePicker does not focus its input when a popup button is clicked
TreeList
NEW
Add Rebind method
FIXED
Buttons in EditorTemplate are not focused automatically
Field and Value properties from event args don't populate in incell editing
The Drag and Drop functionality does not enable properly when the RowDraggable parameter is bound to a bool parameter
TreeView
NEW
Add Rebind method
Upload
FIXED
The upload status hangs on "Uploading..." if the Upload component is hosted in a Dialog and the OnSuccess event is used
Window
FIXED
Microsoft.JSInterop.JSException: Cannot read property 'querySelector' of null
PdfProcessing
NEW
Introduced support for inserting transparent images in Net Standard.
Implemented a setting that allows choosing if the fonts should be embedded in the document.
FIXED
NotImplementedException is thrown when exporting a document with a Type 1 font with custom encoding.
Rows are not drawn if the previous row is split into different pages and has row span.
ArgumentNullException is thrown when importing a document containing Widget annotation with normal appearance dictionary set to null.
The table alignment is not maintained when the table is split into multiple pages.
SpreadProcessing
NEW
Added CONCAT to the supported functions.
Added support for Comments (Threaded Comments).
Various Conditional Formatting improvements.
FIXED
ArgumentException is thrown when importing an XLSX document with a comment (Note) without an author.
An exception is thrown when converting to PDF and there are cells with a width less than 5.
Conditional Formatting is exported for the active sheet only.
When а document with consecutive dfsx-es is imported, an ArgumentOutOfRangeException may be thrown.
CHANGED
The Changing event arguments in FilteredShapeCollection class are changed from ShapeCollectionchangedEventArgs to ShapeCollectionChangingEventArgs.
WordsProcessing
NEW
Introduced support for continuous section break when exporting to PDF.
Introduced support for descr attribute of the NonVisualDrawingProperties for a shape/image when working with DOCX.
HtmlFormatProvider should always export image tag's alt property even if its value is empty.
Introduced support for image alternate text when importing and exporting HTML documents.
FIXED
InvalidOperationException/ArgumentOutOfRangeException is thrown while importing table cells with vMerge and hMerge attributes.
Field code fragment consisting of multiple inlines is added to the result fragment when exporting to PDF or HTML format.
An exported document containing ComboBox control fails to load inside Microsoft Word.
NullReferenceException is thrown when inserting a document containing fields without a separator.
NullReferenceException is thrown when an IF field has no FalseText.
ArgumentException is thrown when importing CSS variable/attribute with an empty value.
Floating images positioned outside of page borders are moved inside the page.
Common
NEW
New FileManager Component
Compatibility with NET 7 Preview 4
Bootstrap Theme - v.5.4.1
Default Theme - v.5.4.1
Material Theme - v.5.4.1
Update DPL version to 2022.2.428
.NET 5.0 reaches End of Support by Microsoft on May 10, 2022 https://devblogs.microsoft.com/dotnet/dotnet-5-end-of-support-update/
Support for localization in VSX templates
Dark theme in demo site
VSCode Snippets for Blazor
VS Code Scaffolders for Blazor
Carousel
NEW
Add Rebind method
Charts
NEW
Plot Bands in chart
ComboBox
FIXED
Rebind after first OnRead doesn't display initial value
ComboBox does not display selected value if default
Selected text does not update when changing the data collection
DatePicker
FIXED
A debounced ValueChanged does not rerender the popup if said popup has been triggered before the call finished
DateRangePicker
FIXED
onchange event does not fire when you select a date range from the calendar
DateTimePicker
FIXED
A debounced ValueChanged does not rerender the popup if said popup has been triggered before the call finished
Dialog
FIXED
Predefined Dialogs don't cover a modal dialog when the TelerikRootComponent parent does not have display:flex
DropDownList
FIXED
Rebind after first OnRead doesn't display initial value
ComboBox does not display selected value if default
DropDownList should clear selection when the bound value is set to null (or the default) and no default value is set
Selected text does not update when changing the data collection
Editor
NEW
Image Resizing
Table Resizing
FIXED
Editor cannot align selection of block elements with different alignment
Most of the Editor Table Tools don't work on pasted table
Editor adds two tags
Cannot unselect alignment options in Editor Toolbar
Grid
FIXED
Buttons in EditorTemplate are not focused automatically
Field and Value properties from event args don't populate in incell editing
The Drag and Drop functionality does not enable properly when the RowDraggable parameter is bound to a bool parameter
Toggling Groupable to true at runtime does not let you drag to group
MultiSelect
FIXED
MultiSelect doesn't mark selected item on Enter keypress
Selected text does not update when changing the data collection
Notification
NEW
Expose methods for programatic hide - Hide & HideAll
NumericTextBox
NEW
Changes in parameters are reflected by the component
PanelBar
NEW
Add Rebind method
TabStrip
NEW
Add Width and Height parameters
Scrollable Tabs
FIXED
Wrong tab focused if there is a Visible=false tab before the one you click
TimePicker
FIXED
A debounced ValueChanged does not rerender the popup if said popup has been triggered before the call finished
TimePicker does not focus its input when a popup button is clicked
TreeList
NEW
Add Rebind method
FIXED
Buttons in EditorTemplate are not focused automatically
Field and Value properties from event args don't populate in incell editing
The Drag and Drop functionality does not enable properly when the RowDraggable parameter is bound to a bool parameter
TreeView
NEW
Add Rebind method
Upload
FIXED
The upload status hangs on "Uploading..." if the Upload component is hosted in a Dialog and the OnSuccess event is used
Window
FIXED
Microsoft.JSInterop.JSException: Cannot read property 'querySelector' of null
PdfProcessing
NEW
Introduced support for inserting transparent images in Net Standard.
Implemented a setting that allows choosing if the fonts should be embedded in the document.
FIXED
NotImplementedException is thrown when exporting a document with a Type 1 font with custom encoding.
Rows are not drawn if the previous row is split into different pages and has row span.
ArgumentNullException is thrown when importing a document containing Widget annotation with normal appearance dictionary set to null.
The table alignment is not maintained when the table is split into multiple pages.
SpreadProcessing
NEW
Added CONCAT to the supported functions.
Added support for Comments (Threaded Comments).
Various Conditional Formatting improvements.
FIXED
ArgumentException is thrown when importing an XLSX document with a comment (Note) without an author.
An exception is thrown when converting to PDF and there are cells with a width less than 5.
Conditional Formatting is exported for the active sheet only.
When а document with consecutive dfsx-es is imported, an ArgumentOutOfRangeException may be thrown.
CHANGED
The Changing event arguments in FilteredShapeCollection class are changed from ShapeCollectionchangedEventArgs to ShapeCollectionChangingEventArgs.
WordsProcessing
NEW
Introduced support for continuous section break when exporting to PDF.
Introduced support for descr attribute of the NonVisualDrawingProperties for a shape/image when working with DOCX.
HtmlFormatProvider should always export image tag's alt property even if its value is empty.
Introduced support for image alternate text when importing and exporting HTML documents.
FIXED
InvalidOperationException/ArgumentOutOfRangeException is thrown while importing table cells with vMerge and hMerge attributes.
Field code fragment consisting of multiple inlines is added to the result fragment when exporting to PDF or HTML format.
An exported document containing ComboBox control fails to load inside Microsoft Word.
NullReferenceException is thrown when inserting a document containing fields without a separator.
NullReferenceException is thrown when an IF field has no FalseText.
ArgumentException is thrown when importing CSS variable/attribute with an empty value.
Floating images positioned outside of page borders are moved inside the page.
Only for V.I.P Warning! You are not allowed to view this text.