Download Telerik UI for Blazor 3.0.0 with pkg Retail

Telerik UI for Blazor 3.0.0 with pkg Retail

Telerik UI for Blazor 3.0.0 with pkg Retail
Telerik UI for Blazor 3.0.0 with pkg 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.0.0

Common
NEW

New Map component
New FileSelect Component
Material Theme - v.5.0.0
Bootstrap Theme - v.5.0.0
Default Theme - v.5.0.0
Update DPL version to 2022.1.106
List of Breaking Changes

AutoComplete
NEW

Added Size, Rounded, FillMode parameters
Introduce PopupSettings configuration to customize MinWidth, MaxWidth, Width, MinHeight, MaxHeight, Height, Class and AnimationDuration

FIXED

DropDownList, ComboBox, Autocomplete - popups are misaligned in Bootstrap Grid
Data is not lazy-loaded when an async "OnRead" handler is used for a component in a popup template

CHANGED

PopupWidth, PopupHeight, PopupClass are removed in favor of PopupSettings nested configuration
Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")
Remove TotalCount parameter from the component api, in flavor of Total parameter in the OnRead event arguments
Virtual Scrolling and/or Filtering with OnRead event binding requires TItem, TValue to be set and args.Data, args.Total in OnRead event args
Grouping with OnRead event binding requires TItem and TValue to be set and args.Data in OnRead event args
Default widths for dropdown components is 100% and not 300px

Barcode
CHANGED

Change Barcode and QR code style from "display: block" to "inline-block" (set with CSS from themes)

Button
NEW

Added Size, Rounded, FillMode, Shape, ThemeColor parameters

CHANGED

Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")
Primary parameter removed in favor of ThemeColor

ButtonGroup
NEW

Added Size, Rounded, FillMode, Shape, ThemeColor parameters

CHANGED

Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")

Card
CHANGED

Remove ThemeConstants class in favor of component-specific theme settings constants

Checkbox
NEW

Added Size, Rounded parameters

CHANGED

Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")

ColorPicker
NEW

Added Size, Rounded, FillMode parameters

FIXED

Cultures with the comma decimal separator do not parse the Alpha value (opacity) correctly

CHANGED

Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")

ComboBox
NEW

Added Size, Rounded, FillMode parameters
Introduce PopupSettings configuration to customize MinWidth, MaxWidth, Width, MinHeight, MaxHeight, Height, Class and AnimationDuration

FIXED

When filtering is enabled, the dropdown closes immediately after opening on mobile device
DropDownList, ComboBox, Autocomplete - popups are misaligned in Bootstrap Grid
Data is not lazy-loaded when an async "OnRead" handler is used for a component in a popup template

CHANGED

PopupWidth, PopupHeight, PopupClass are removed in favor of PopupSettings nested configuration
Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")
Remove TotalCount parameter from the component api, in flavor of Total parameter in the OnRead event arguments
Virtual Scrolling and/or Filtering with OnRead event binding requires TItem, TValue to be set and args.Data, args.Total in OnRead event args
Grouping with OnRead event binding requires TItem and TValue to be set and args.Data in OnRead event args
Default widths for dropdown components is 100% and not 300px

DateInput
NEW

Added Size, Rounded, FillMode parameters

CHANGED

ParsingErrorMessage is removed in favor of Localization

DatePicker
NEW

Added Size, Rounded, FillMode parameters

FIXED

Date Input loses focus if start typing a date with 0 in Grid in Editing mode

CHANGED

Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")

DateRangePicker
NEW

Added Size, Rounded, FillMode parameters

CHANGED

Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")

DateTimePicker
NEW

Added Size, Rounded, FillMode parameters

CHANGED

Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")

Drawer
CHANGED

Rename Content RenderFragment to DrawerContent
Remove drawer IsSeparatorField property. Use the SeparatorField property.

DropDownList
NEW

Added Size, Rounded, FillMode parameters
Introduce PopupSettings configuration to customize MinWidth, MaxWidth, Width, MinHeight, MaxHeight, Height, Class and AnimationDuration

FIXED

When filtering is enabled, the dropdown closes immediately after opening on mobile device
DropDownList, ComboBox, Autocomplete - popups are misaligned in Bootstrap Grid
Data is not lazy-loaded when an async "OnRead" handler is used for a component in a popup template

CHANGED

PopupWidth, PopupHeight, PopupClass are removed in favor of PopupSettings nested configuration
Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")
Remove TotalCount parameter from the component api, in flavor of Total parameter in the OnRead event arguments
Virtual Scrolling and/or Filtering with OnRead event binding requires TItem, TValue to be set and args.Data, args.Total in OnRead event args
Grouping with OnRead event binding requires TItem and TValue to be set and args.Data in OnRead event args
Default widths for dropdown components is 100% and not 300px

Editor
NEW

Support for media elements in content - video, audio and iframe

FIXED

Incorrect CSS class for Editor link dialog Title label

CHANGED

Rename UpdateInterval to DebounceDelay

Gantt
FIXED

Gantt drag-drop performance in WASM is noticeably slow in FF

Grid
FIXED

New value in InCell EditorTemplate does not take effect
Editors with Popup close InCell EditorTemplate
When you dynamically switch the ScrollMode, the Skip property inside Grid's state is not refreshing
Scroll position is not reset on filtering
Filter Menu closes automatically on mobile when you focus an input to type
Grid expands row in a group after previous group is collapsed.

CHANGED

Remove TotalCount parameter from the component api, in flavor of Total parameter in the OnRead event arguments
Binding with OnRead event must specify TItem and args.Data, args.Total, args.AggregateResults must be set inside the OnRead event args
ObservableData with OnRead event binding is no longer supported.
Support for exporting all pages when using OnRead
Use ExpandedItems in state
Use IFilterDescriptor in GridState
Default value for EditMode is changed to EditMode.None

ListView
CHANGED

Remove TotalCount parameter from the component api, in flavor of Total parameter in the OnRead event arguments
Binding with OnRead event must specify TItem and args.Data, args.Total, args.AggregateResults must be set inside the OnRead event args
ObservableData with OnRead event binding is no longer supported.

Loader
CHANGED

Remove ThemeConstants class in favor of component-specific theme settings constants
Change the type of the Size parameter to comply with new themes

LoaderContainer
CHANGED

Remove ThemeConstants class in favor of component-specific theme settings constants
Change the type of the Size parameter to comply with new themes

MaskedTextBox
NEW

Added Size, Rounded, FillMode parameters

CHANGED

Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")
Remove Label parameter from TextBox. In 3.2.0 release a standalone Floating component will be released. In the meantime use this KB

MultiSelect
NEW

Added Size, Rounded, FillMode parameters
Introduce PopupSettings configuration to customize MinWidth, MaxWidth, Width, MinHeight, MaxHeight, Height, Class and AnimationDuration

FIXED

Data is not lazy-loaded when an async "OnRead" handler is used for a component in a popup template

CHANGED

PopupWidth, PopupHeight, PopupClass are removed in favor of PopupSettings nested configuration
Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")
Remove TotalCount parameter from the component api, in flavor of Total parameter in the OnRead event arguments
Virtual Scrolling and/or Filtering with OnRead event binding requires TItem, TValue to be set and args.Data, args.Total in OnRead event args
Grouping with OnRead event binding requires TItem and TValue to be set and args.Data in OnRead event args
Default widths for dropdown components is 100% and not 300px

Notification
CHANGED

Remove ThemeConstants class in favor of component-specific theme settings constants

NumericTextBox
NEW

Added Size, Rounded, FillMode parameters

CHANGED

Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")

QRCode
CHANGED

Change Barcode and QR code style from "display: block" to "inline-block" (set with CSS from themes)

RadioButtonGroup
NEW

Added Size parameter

CHANGED

Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")

RangeSlider
FIXED

StartValueChanged and EndValueChanged do not fire if the steps are floating-point types and the applied culture uses comma separator

Scheduler
FIXED

Scheduler appointment editing and deleting not working in FF as of v 78.0
Scheduler throws on appointment resizing/deleting in FF in WASM

Slider
FIXED

StartValueChanged and EndValueChanged do not fire if the steps are floating-point types and the applied culture uses comma separator

Splitter
NEW

Make Size and Collapsed parameters two way bindable

FIXED

SplitterPane does not respond to changes in its parameters

Stepper
CHANGED

Remove IsCanceled property from StepperStepChangeEventArgs. Use the IsCancelled property instead.

Switch
NEW

Added Size, TrackRounded, ThumbRoundedparameters

CHANGED

Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")

TextArea
NEW

Added Size, Rounded, FillMode parameters

CHANGED

Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")
Remove Label parameter from TextBox. In 3.2.0 release a standalone Floating component will be released. In the meantime use this KB

TextBox
NEW

Added Size, Rounded, FillMode parameters

CHANGED

Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")
Remove Label parameter from TextBox. In 3.2.0 release a standalone Floating component will be released. In the meantime use this KB

TileLayout
FIXED

Creating the TileLayoutItems in a loop results in an infinite loop

CHANGED

Introduce identifier for the TileLayout item

TimePicker
NEW

Added Size, Rounded, FillMode parameters

CHANGED

Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")

ToggleButton
NEW

Added Size, Rounded, FillMode, Shape, ThemeColor parameters

CHANGED

Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")

TreeList
FIXED

New value in InCell EditorTemplate does not take effect
Editors with Popup close InCell EditorTemplate
Filter Menu closes automatically on mobile when you focus an input to type

CHANGED

Default value for EditMode is changed to EditMode.None

TreeView
NEW

Added Size parameter
Add ExpandedItems collection

CHANGED

Html rendering and class names are changed.
"k-state-" classes are renamed to "k-" (ex: "k-state-invalid" is renamed to "k-invalid", "k-state-focused" is renamed to "k-focus")
ExpandedField binding parameter is removed. Use the ExpandedItems Parameter Collection.

Upload
NEW

Expose methods for manual upload and select of files
Expose method for clearing upload files

Window
CHANGED

Change the type of the Size parameter to comply with new themes


Only for V.I.P
Warning! You are not allowed to view this text.
  • 13