You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
>tipThemaximumfilesizesupportedbytheframeworkuptill .NET5was2GBand .NET6 [removedthislimit](https://github.com/dotnet/aspnetcore/pull/33900). While [Telerik UI for Blazor supports .NET version 3.1](slug:system-requirements), the FileSelect component will allow maximum file size of 2 GB.
61
-
62
60
## Drag-and-Drop File Support
63
61
64
62
TheFileSelectprovidesbuilt-infiledrag-and-dropsupport, whichallowsuserstodragoneormultiplefilesanddropthemanywhereinthecomponent. The [`OnSelect` event](slug:fileselect-events#onselect) israisedupondroppingthefile. Youcanhandlethiseventtoperformfurtheractionswiththeselectedfile.
Copy file name to clipboardExpand all lines: getting-started/client-blazor.md
+2-6
Original file line number
Diff line number
Diff line change
@@ -12,12 +12,9 @@ position: 10
12
12
13
13
This article explains how to get the <ahref = "https://www.telerik.com/blazor-ui"target="_blank">Telerik UI for Blazor components</a> in your Blazor WebAssembly app and start using them quickly. You will create a new application from scratch, learn how to add the UI for Blazor components to a project, and finally, add a UI component to a view.
14
14
15
-
> This article applies only to the following Visual Studio project templates:
15
+
> This article applies only to the **Blazor WebAssembly Standalone App**Visual Studio project template.
16
16
>
17
-
> ***Blazor WebAssembly App**, which exists up to .NET 7.
18
-
> ***Blazor WebAssembly Standalone App** for .NET 8 and newer versions.
19
-
>
20
-
> If you prefer the **Blazor Web App** template for .NET 8 and newer versions, then follow the [tutorial about Blazor Web Apps](slug:getting-started/web-app).
17
+
> If you prefer the **Blazor Web App** template with WebAssembly render mode, then follow the [tutorial about Blazor Web Apps](slug:getting-started/web-app).
Copy file name to clipboardExpand all lines: getting-started/vs-code-integration/new-project-wizard.md
+12-19
Original file line number
Diff line number
Diff line change
@@ -27,54 +27,47 @@ To create a Telerik-enabled Blazor project:
27
27
28
28
## Using the Wizard
29
29
30
-
#### Section 1: Choose How to Start the Project
30
+
The **Create New Project** wizard generates a project that is based on the Microsoft template. The app includes some Telerik UI components and the [required NuGet package reference, static assets, localization service, and the `TelerikRootComponent`](slug:getting-started/what-you-need).
31
31
32
-
The **Telerik UI for Blazor Template Wizard** provides two options to start you project:
32
+
> Earlier versions of the wizard provided the **Admin**, **Dashboard**, **CRUD**, **Form**, and **Chart** templates which are now deprecated. You can find their source code in the [`blazor-ui` repo](https://github.com/telerik/blazor-ui/tree/master/common/legacy-project-templates).
33
33
34
-
***Start from Blank App**—allows you to create a blank project that is pre-configured for the Progress® Telerik® UI for Blazor components. You can select and add sample pages to get started (a Grid with CRUD operations form a service, a Form, Charts).
34
+
The wizard contains the following sections:
35
35
36
-
***Start from Template** - the wizard provides a set of predefined project templates:
37
-
***CRUD, Form, Chart**—A small app that showcases the Telerik UI Data Grid, Chart, and Form validation. The Data Grid also uses a basic CRUD service (a common pattern for data updates in production-ready applications).
38
-
***Dashboard**—A basic dashboard that showcases the Telerik UI TileLayout component and how individual blocks (tiles) can fetch data.
39
-
***Admin**—A small app that showcases a dashboard for administrators. The app uses some of the main Telerik UI components like the [Data Grid](slug:grid-overview), [Chart](slug:components/chart/overview), [TileLayout](slug:tilelayout-overview), [Form](slug:form-overview), and more.
40
-
41
-
The available templates vary depending on the target framework and hosting model. All of the above templates are available for the Client and Server projects for .NET 6 and .NET 7. The Hybrid projects and the .NET 8 Web App support only the **Start from Blank App** option.
42
-
43
-
#### Section 2: Select Project Name and Path
36
+
#### Section 1: Select Project Name and Path
44
37
45
38
Type your project name and select the output folder for it.
46
39
47
-
#### Section 3: Install or Update License Key
40
+
#### Section 2: Install or Update License Key
48
41
49
42
If necessary, the Telerik Visual Studio Code extension will notify you about a missing or outdated [license key](slug:installation-license-key), and will install or update it.
50
43
51
-
#### Section 4: Select UI for Blazor Version
44
+
#### Section 3: Select UI for Blazor Version
52
45
53
46
Select the preferred UI for Blazor version. Make sure that your system has access to the specified version of the UI components. You can achieve this with the [Telerik NuGet feed](slug:installation/nuget).
54
47
55
-
#### Section 5: Select Hosting Model
48
+
#### Section 4: Select Hosting Model
56
49
57
50
Here you can select the desired hosting model—[**WebApp**](slug:getting-started/web-app), [**Client** (also: WebAssembly)](slug:getting-started/client-side), [**Server**](slug:getting-started/server-side), or [**Hybrid** (a hybrid Blazor MAUI)](slug:getting-started/hybrid-blazor).
58
51
59
52
The available target framework options are updated upon selecting the hosting model.
60
53
61
-
#### Section 6: Choose How to Distribute the Client Assets
54
+
#### Section 5: Choose How to Distribute the Client Assets
62
55
63
56
Choose whether to load the required Telerik UI stylesheet and JS Interop file as [static NuGet assets](slug:getting-started/what-you-need#css-theme-and-javascript-files) or load them from the [Telerik CDN](slug:common-features-cdn).
64
57
65
-
#### Section 7: Enable or Disable Localization
58
+
#### Section 6: Configure Localization
66
59
67
60
Choose whether to use [localization](slug:globalization-localization) in the project or not.
68
61
69
-
#### Section 8: Select the Preferred Icon Type
62
+
#### Section 7: Select the Preferred Icon Type
70
63
71
64
Decide if you want to switch to using [Font Icons](slug:common-features-icons) instead of the default SVG icons.
72
65
73
-
#### Section 9: Select Target Framework
66
+
#### Section 8: Select Target Framework
74
67
75
68
The available .NET framework versions vary depending on the selected hosting model.
76
69
77
-
#### Section 10: Select Theme
70
+
#### Section 9: Select Theme
78
71
79
72
Select your desired [theme](slug:themes-overview) for your project. Click **See All Swatches** to explore the available [theme color variations](slug:themes-overview#basics).
Copy file name to clipboardExpand all lines: introduction.md
+1-2
Original file line number
Diff line number
Diff line change
@@ -26,9 +26,8 @@ Visit the <a href="https://www.telerik.com/blazor-ui" target="_blank">Telerik UI
26
26
27
27
If you are new to Telerik UI for Blazor, visit the Getting Started tutorials that demonstrate how to add the Telerik components to your application:
28
28
29
-
*[Get Started with a .NET 8 or 9 Blazor Web App](slug:getting-started/web-app)
29
+
*[Get Started with a Blazor Web App](slug:getting-started/web-app)
30
30
*[Get Started with a Blazor WebAssembly Standalone App](slug:getting-started/client-side)
31
-
*[Get Started with a .NET 6 or 7 Blazor Server app](slug:getting-started/server-side)
32
31
*[Get Started with Blazor Hybrid](slug:getting-started/hybrid-blazor)
33
32
34
33
>tip This online Blazor documentation covers the latest version of Telerik UI for Blazor, which is `{{site.uiForBlazorLatestVersion}}`. If needed, [download the offline PDF Blazor documentation](#learning-resources) for the required older product version.
Copy file name to clipboardExpand all lines: knowledge-base/common-increase-signalr-max-message-size.md
+2-30
Original file line number
Diff line number
Diff line change
@@ -47,7 +47,7 @@ Blazor Server apps use a **SignalR WebSocket** to communicate between the client
47
47
48
48
Increase the `MaximumReceiveMessageSize` via `HubOptions`. The syntax and code placement can vary, depending on the .NET version or when the application was created. Here are a few possible alternatives.
49
49
50
-
>caption Program.cs (.NET 6+)
50
+
>caption Use `Configure<HubOptions>` in Program.cs
Copy file name to clipboardExpand all lines: system-requirements.md
+4-6
Original file line number
Diff line number
Diff line change
@@ -16,16 +16,14 @@ Telerik UI for Blazor steps on Microsoft Blazor. You can host and run Telerik Bl
16
16
17
17
## .NET Versions Support
18
18
19
-
The latest version of Telerik UI for Blazor (currently {{site.uiForBlazorLatestVersion}}) targets `net6.0`. Thus, apps and libraries that reference our package must use one of the following target frameworks:
19
+
The latest version of Telerik UI for Blazor (currently {{site.uiForBlazorLatestVersion}}) targets `net8.0`. Thus, apps and libraries that reference our package must use one of the following target frameworks:
20
20
21
-
*`net6.0`
22
-
*`net7.0`
23
21
*`net8.0`
24
22
*`net9.0`
25
23
26
24
Razor Class Libraries may target `netstandard2.0` by default, so you need to update that.
27
25
28
-
> If your application targets an [older framework version, the latest Telerik UI for Blazor you can use is `4.6.0`](#compatible-net-versions).
26
+
> If your application targets an [older framework version, you can only use older Telerik UI for Blazor versions](#compatible-net-versions).
29
27
30
28
### Supported .NET Versions
31
29
@@ -48,8 +46,8 @@ A **compatible .NET version** is one that is no longer (or not yet) officially s
48
46
49
47
| .NET version | First UI for Blazor Version | Last UI for Blazor Version |
0 commit comments