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
Copy file name to clipboardExpand all lines: _contentTemplates/common/general-info.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -131,5 +131,5 @@ Visit [status.telerik.com](https://status.telerik.com) to check the status of th
131
131
132
132
133
133
#ci-cd-support
134
-
> All deployment articles in this documentation provide general guidance and fundamentals. Telerik does not provide technical support for setting up CI/CD environments or application publishing infrastructure.
134
+
> The deployment articles in this documentation provide general guidance and fundamentals. Telerik does not provide technical support for setting up CI/CD environments or application publishing infrastructure, except for questions about [using Telerik license keys](slug://deployment-license-key).
Copy file name to clipboardExpand all lines: _contentTemplates/common/get-started.md
+29-3Lines changed: 29 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -13,7 +13,7 @@
13
13
14
14
## Step 0: Download Telerik UI for Blazor
15
15
16
-
* If you have already purchased a Telerik UI for Blazor license, continue with the [next step and create a new project](#step-1-create-a-new-project).
16
+
* If you have already purchased a Telerik UI for Blazor license, continue with the [next step and create a new project](#step-2-create-a-new-project).
17
17
18
18
* If you are new to UI for Blazor and haven't purchased a license yet, you must <ahref="https://www.telerik.com/download-trial-file/v2-b/ui-for-blazor"target="_blank">download and install the trial version</a> of the UI for Blazor components—this will activate your free trial and allow you to use the components. During the installation, select the **Set up Telerik NuGet package source** checkbox and the installer will configure the Telerik [online NuGet feed](slug://installation/nuget) automatically. You will use this feed later in the tutorial.
19
19
@@ -23,7 +23,7 @@
23
23
24
24
25
25
#add-nuget-feed
26
-
## Step 2: Add the Telerik NuGet Feed to Visual Studio
26
+
## Step 3: Add the Telerik NuGet Feed to Visual Studio
27
27
28
28
In this tutorial, you will use the [Telerik NuGet feed](slug://installation/nuget) to download the UI for Blazor components. This NuGet feed is private and requires you to authenticate with your Telerik user name and password:
29
29
@@ -182,6 +182,32 @@ You can learn more about the [`TelerikRootComponent` purpose and usage](slug://r
182
182
183
183
#license-key-version
184
184
185
-
>tip This article applies to Telerik UI for Blazor version **7.2.0** and above. Older versions do not require a license key.
185
+
>tip This documentation section applies to Telerik UI for Blazor version **7.2.0** and above. Older versions do not require a license key.
186
+
187
+
#end
188
+
189
+
#license-key-update-whenever
190
+
191
+
>tip Update your license key [whenever you renew or purchase a new Telerik license](slug://installation-license-key#license-key-updates).
192
+
193
+
#end
194
+
195
+
#license-key-manual-steps
196
+
197
+
To download and install your Telerik license key:
198
+
199
+
1. Go to the <ahref="https://www.telerik.com/account/your-licenses/license-keys"target="_blank">License Keys page</a> in your Telerik account.
200
+
1. Click the **Download License Key** button.
201
+
1. Save the `telerik-license.txt` file to:
202
+
* (on Windows) `%AppData%\Telerik\telerik-license.txt`, for example, `C:\Users\...\AppData\Roaming\telerik-license.txt`
203
+
* (on Mac or Linux) `~/.telerik/telerik-license.txt`, for example, `/Users/.../.telerik/telerik-license.txt`
204
+
205
+
This will make the license key available to all Telerik .NET apps that you develop on your local machine.
206
+
207
+
#end
208
+
209
+
#license-key-know-more-link
210
+
211
+
The [Telerik License Key](slug://installation-license-key) article provides additional details on installing and updating your Telerik license key in different scenarios.
Copy file name to clipboardExpand all lines: deployment/ci-cd-build-server.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -12,7 +12,7 @@ position: 5
12
12
13
13
This article explains some concepts and how to troubleshoot the most common errors related to setting up the Telerik NuGet packages for automated builds, CI and CD.
14
14
15
-
> Telerik license keys are outside the scope of this article. Refer to article [Telerik License Key in CI/CD](slug://deployment-license-key)
15
+
> To successfully set up a CI/CD environment for Telerik Blazor apps, also refer to the article about [Telerik license keys in CI/CD](slug://deployment-license-key).
1. Select the `telerik.com`**Package source** that you [added earlier](#step-2-add-the-telerik-nuget-feed-to-visual-studio). As this is a private NuGet feed, you must authenticate with your [Telerik account](https://www.telerik.com/account/) user name and password.
54
+
1. Select the `telerik.com`**Package source** that you [added earlier](#step-3-add-the-telerik-nuget-feed-to-visual-studio). As this is a private NuGet feed, you must authenticate with your [Telerik account](https://www.telerik.com/account/) user name and password.
47
55
1. Select the **Browse** tab, find the NuGet package, and click **Install**. Commercial license holders should install `Telerik.UI.for.Blazor`. Trial users should install `Telerik.UI.for.Blazor.Trial`.
48
56
49
57

50
58
51
-
## Step 4: Enable the Blazor UI Components
59
+
## Step 5: Enable the Blazor UI Components
52
60
53
61
To enable the Telerik UI for Blazor components, you must add several client-side dependencies to the application, include the required `@using` statements, add the `TelerikRootComponent` component, and register the Telerik Blazor service.
54
62
55
-
### 4.1. Add the Telerik UI for Blazor Client Assets
63
+
### 5.1. Add the Telerik UI for Blazor Client Assets
56
64
57
65
1\. Add the `telerik-blazor.js` file to your main index file—`wwwroot/index.html`.
58
66
@@ -63,7 +71,7 @@ To enable the Telerik UI for Blazor components, you must add several client-side
In the `~/_Imports.razor` file, add the `@using` directives below. This configures the project to recognize the Telerik components in all files. You can register one or both icon namespaces, depending on the [icon type you will be using](slug://common-features-icons).
69
77
@@ -74,13 +82,13 @@ In the `~/_Imports.razor` file, add the `@using` directives below. This configur
74
82
@using Telerik.FontIcons
75
83
````
76
84
77
-
### 4.3. Add the TelerikRootComponent
85
+
### 5.3. Add the TelerikRootComponent
78
86
79
87
Use a single `TelerikRootComponent` component as a top-level component in the Blazor client-side app.
Copy file name to clipboardExpand all lines: getting-started/hybrid-blazor.md
+10-6Lines changed: 10 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -28,19 +28,23 @@ Before adding the Telerik UI for Blazor components, ensure that the correspondin
28
28
29
29
## Adding the UI for Blazor Components
30
30
31
-
The process for adding Telerik UI for Blazor to a WinForms, WPF, or MAUI app is similar to including the components in a [native Blazor app](slug://getting-started/what-you-need) and involves the six steps listed below.
31
+
The process for adding Telerik UI for Blazor to a WinForms, WPF, or MAUI app is similar to including the components in a [native Blazor app](slug://getting-started/what-you-need) and involves the steps listed below.
32
32
33
33
### 1. Get the Telerik UI for Blazor Package
34
34
35
35
To use the UI for Blazor components, install the `Telerik.UI.for.Blazor` package and include its reference in the `.csproj` file of the app. [Read more on where to get the `Telerik.UI.for.Blazor` package...](slug://getting-started/what-you-need#nuget-packages)
36
36
37
-
### 2. Add the Telerik Client Assets
37
+
### 2. Install the Telerik License Key
38
+
39
+
[Install your Telerik license key](slug://getting-started/what-you-need#license-key) to activate Telerik UI for Blazor during application build.
40
+
41
+
### 3. Add the Telerik Client Assets
38
42
39
43
To have the Telerik Blazor components look and behave as expected, you need the Telerik [CSS and JavaScript assets](slug://getting-started/what-you-need#css-theme-and-javascript-files). Include the assets inside the `<head>` of the `wwwroot/index.html` file.
40
44
41
45
You can add the Telerik resources as [static assets](slug://getting-started/what-you-need#css-theme-and-javascript-files).
42
46
43
-
### 3. Include @using Statements
47
+
### 4. Include @using Statements
44
48
45
49
You can set the project to recognize all Telerik components without explicit `@using` statements in every `.razor` file. To achieve this, add the code below to your `~/_Imports.razor` file. You can register one or both icon namespaces depending on the [icon type you will be using](slug://common-features-icons).
46
50
@@ -55,7 +59,7 @@ You can set the project to recognize all Telerik components without explicit `@u
55
59
@using Telerik.FontIcons
56
60
````
57
61
58
-
### 4. Add the TelerikRootComponent
62
+
### 5. Add the TelerikRootComponent
59
63
60
64
Use a single [`TelerikRootComponent`](slug://rootcomponent-overview) component as a top-level component in the app and make sure it wraps all content. At the time of writing, custom layouts are not supported, so you can add it to:
61
65
@@ -66,7 +70,7 @@ Make sure that the `TelerikRootComponent` matches the web view viewport and remo
66
70
67
71
Once custom layouts are supported, you will be able to configure a Telerik layout in the same way as with regular Blazor web apps (check [Common Configuration](slug://getting-started/what-you-need#telerikrootcomponent)).
68
72
69
-
### 5. Register the Telerik Services
73
+
### 6. Register the Telerik Services
70
74
71
75
The next step is to register the Telerik services. Add the Telerik services in accordance to the practice your native app requires.
72
76
@@ -106,7 +110,7 @@ namespace MyBlazorMauiAppName
106
110
}
107
111
````
108
112
109
-
### 5. Add the UI for Blazor Components
113
+
### 7. Add the UI for Blazor Components
110
114
111
115
Add your desired Telerik Blazor components in the app as in a native Blazor app. Explore the available UI for Blazor components and their features in our [live demos](https://demos.telerik.com/blazor-ui).
1. Select the `telerik.com`**Package source** that you [added earlier](#step-2-add-the-telerik-nuget-feed-to-visual-studio). As this is a private NuGet feed, you must authenticate with your [Telerik account](https://www.telerik.com/account/) user name and password.
49
+
1. Select the `telerik.com`**Package source** that you [added earlier](#step-3-add-the-telerik-nuget-feed-to-visual-studio). As this is a private NuGet feed, you must authenticate with your [Telerik account](https://www.telerik.com/account/) user name and password.
42
50
1. Select the **Browse** tab, find the NuGet package, and click **Install**. Commercial license holders should install `Telerik.UI.for.Blazor`. Trial users should install `Telerik.UI.for.Blazor.Trial`.
43
51
44
52

45
53
46
-
## Step 4: Enable the Blazor UI Components
54
+
## Step 5: Enable the Blazor UI Components
47
55
48
56
To enable the Telerik UI for Blazor components, you must add several client-side dependencies to the application, include the required `@using` statements, add the `TelerikRootComponent` component, and register the Telerik Blazor service.
49
57
50
-
### 4.1. Add the Telerik UI for Blazor Client Assets
58
+
### 5.1. Add the Telerik UI for Blazor Client Assets
51
59
52
60
1\. Add the `telerik-blazor.js` file to the `<head>` of your main index file:
53
61
@@ -65,7 +73,7 @@ To enable the Telerik UI for Blazor components, you must add several client-side
In the `~/_Imports.razor` file, add the `@using` directives below. This configures the project to recognize the Telerik components in all files. You can register one or both icon namespaces, depending on the [icon type you will be using](slug://common-features-icons).
71
79
@@ -76,13 +84,13 @@ In the `~/_Imports.razor` file, add the `@using` directives below. This configur
76
84
@using Telerik.FontIcons
77
85
````
78
86
79
-
### 4.3. Add the TelerikRootComponent
87
+
### 5.3. Add the TelerikRootComponent
80
88
81
89
Use a single [`TelerikRootComponent`](slug://rootcomponent-overview) component as a top-level component in the app.
Copy file name to clipboardExpand all lines: getting-started/vs-integration/convert-project-wizard.md
+4Lines changed: 4 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -84,6 +84,10 @@ In this step, you can apply one of the available [themes](slug://themes-overview
84
84
85
85
You can choose to back up the project state before the conversion (in a folder called `<ProjectName>_Backup>_<timestamp>`).
86
86
87
+
### Step 4: Install or Update License Key
88
+
89
+
If necessary, the Telerik Visual Studio extension will notify you about a missing or outdated [license key](slug://installation-license-key), and will help you resolve the issue.
90
+
87
91
## Troubleshooting
88
92
89
93
When converting a project, you may encounter the following most common issues:
Copy file name to clipboardExpand all lines: getting-started/vs-integration/introduction.md
+8-6Lines changed: 8 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -14,17 +14,19 @@ To integrate with Visual Studio (VS), Telerik UI for Blazor provides VS extensio
14
14
{% include cta-panel-introduction.html %}
15
15
{% endif %}
16
16
17
-
The Telerik UI for Blazor extensions provide the following advantages:
17
+
The Telerik UI for Blazor extension for Visual Studio provides the following advantages:
18
18
19
-
*They facilitate the [creation of projects](slug://getting-started-vs-integration-new-project) and enable you to create a pre-configured project from a template. In this way, you can start using the Telerik UI for Blazor components immediately without additional project setup.
19
+
*It facilitates the [creation of pre-configured projects](slug://getting-started-vs-integration-new-project) from a template. In this way, you can start using the Telerik UI for Blazor components immediately without additional project setup.
20
20
21
-
*They allow you to [add the Telerik UI components to an existing project](slug://getting-started-vs-integration-convert-project) with a few clicks.
21
+
*It allows you to [add the Telerik UI components to an existing project](slug://getting-started-vs-integration-convert-project) with a few clicks.
22
22
23
-
*They notify you about [new component versions](slug://getting-started-vs-integration-latest-version).
23
+
*It notifies you about [new component versions](slug://getting-started-vs-integration-latest-version).
24
24
25
-
The Telerik UI for Blazor VS extensions support Visual Studio 2022 and 2019. @[template](/_contentTemplates/common/general-info.md#vsx-download)
25
+
* It enables you to easily install or update your [Telerik license key](slug://installation-license-key).
26
26
27
-
To access the VS extensions, go to the **Extensions** > **Telerik** > **Telerik UI for Blazor** menu.
27
+
The Telerik UI for Blazor VS extension supports Visual Studio 2022 and 2019. @[template](/_contentTemplates/common/general-info.md#vsx-download)
28
+
29
+
To access the Telerik Visual Studio extension, go to the **Extensions** > **Telerik** > **Telerik UI for Blazor** menu.
28
30
29
31

Copy file name to clipboardExpand all lines: getting-started/vs-integration/new-project-wizard.md
+4Lines changed: 4 additions & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -85,6 +85,10 @@ The **Create New Project** wizard generates a project that is based on the Micro
85
85
86
86
Finally, you can apply one of the available [themes](slug://themes-overview) to your project.
87
87
88
+
### Step 4: Install or Update License Key
89
+
90
+
If necessary, the Telerik Visual Studio extension will notify you about a missing or outdated [license key](slug://installation-license-key), and will help you resolve the issue.
91
+
88
92
## See Also
89
93
90
94
*[Telerik UI for Blazor Visual Studio Extensions Overview](slug://getting-started-vs-integration-overview)
0 commit comments