Progress Telerik UI for Blazor 2.0.0 Retail
Progress Telerik UI for Blazor 2.0.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 2.0.0
Common
NEW
New DateTimePicker component
Compatibility with .NET Core 3 RC1
Remove methods that change collections (like grid columns and window actions) in favor of conditional markup
FIXED
Outdated Reference in Teleirk.DataSource
CHANGED
Namespace Change
Removed Method and Properties
Renamed Tags
AnimationContainer
FIXED
Height not updating when value comes from function
Calendar
NEW
Support two-way binding for View parameter
Support two-way binding for Date parameter
FIXED
Calendar navigates to current view on selection.
View, Date Parameter cannot be updated
Charts
NEW
Refresh method re-renders the chart with updated options
DateInput
NEW
Extend Format support for DateInput
FIXED
Width property has no effect for DateInput
DatePicker
NEW
Extend Format support for DateInput
FIXED
DatePicker does not have a failed validation appearance
Grid
NEW
Add support for two-way binding for Page parameter
Remove default values from Grid Editors
Hierarchical Grid (Detail template)
Remove EventsManager from the Grid, events are now in the main tag
Make the "EditMode" property of the Grid an enum
FIXED
Toolbar buttons cannot be disabled
Grid throws when grouping label of column that has grouping disabled is drag-dropped to the group panel.
Editing decimal values
Horizontal scroll does not scroll headers
Menu
FIXED
Multiple parent menu items can be expanded at the same time.
NumericTextBox
NEW
NumericTextBox now has a Width property
FIXED
Decimal separator can be typed in the input, when bound to a whole number type
The Decimals property does not work
Value cannot be deleted
Editing decimal values
TabStrip
NEW
Add ActiveTabIndex Parameter
FIXED
Tabs limit the width of their content
TimePicker
FIXED
TimePicker drop down should have fixed location when in scrollable containers
Window
NEW
Render the Window in the main component of the app
FIXED
Window Medium size doesn't work
Reopening a closed maximized window does not restore its maximized state
Minimized state is affected by Width and Height
Common
NEW
New DateTimePicker component
Compatibility with .NET Core 3 RC1
Remove methods that change collections (like grid columns and window actions) in favor of conditional markup
FIXED
Outdated Reference in Teleirk.DataSource
CHANGED
Namespace Change
Removed Method and Properties
Renamed Tags
AnimationContainer
FIXED
Height not updating when value comes from function
Calendar
NEW
Support two-way binding for View parameter
Support two-way binding for Date parameter
FIXED
Calendar navigates to current view on selection.
View, Date Parameter cannot be updated
Charts
NEW
Refresh method re-renders the chart with updated options
DateInput
NEW
Extend Format support for DateInput
FIXED
Width property has no effect for DateInput
DatePicker
NEW
Extend Format support for DateInput
FIXED
DatePicker does not have a failed validation appearance
Grid
NEW
Add support for two-way binding for Page parameter
Remove default values from Grid Editors
Hierarchical Grid (Detail template)
Remove EventsManager from the Grid, events are now in the main tag
Make the "EditMode" property of the Grid an enum
FIXED
Toolbar buttons cannot be disabled
Grid throws when grouping label of column that has grouping disabled is drag-dropped to the group panel.
Editing decimal values
Horizontal scroll does not scroll headers
Menu
FIXED
Multiple parent menu items can be expanded at the same time.
NumericTextBox
NEW
NumericTextBox now has a Width property
FIXED
Decimal separator can be typed in the input, when bound to a whole number type
The Decimals property does not work
Value cannot be deleted
Editing decimal values
TabStrip
NEW
Add ActiveTabIndex Parameter
FIXED
Tabs limit the width of their content
TimePicker
FIXED
TimePicker drop down should have fixed location when in scrollable containers
Window
NEW
Render the Window in the main component of the app
FIXED
Window Medium size doesn't work
Reopening a closed maximized window does not restore its maximized state
Minimized state is affected by Width and Height
Only for V.I.P
Warning! You are not allowed to view this text.