Skip to content

Commit 9c802bf

Browse files
committed
Licensing updates continued
1 parent 73d6f4c commit 9c802bf

File tree

14 files changed

+143
-71
lines changed

14 files changed

+143
-71
lines changed

_contentTemplates/common/general-info.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -131,5 +131,5 @@ Visit [status.telerik.com](https://status.telerik.com) to check the status of th
131131

132132

133133
#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).
135135
#end

_contentTemplates/common/get-started.md

Lines changed: 29 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313

1414
## Step 0: Download Telerik UI for Blazor
1515

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).
1717

1818
* If you are new to UI for Blazor and haven't purchased a license yet, you must <a href="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&mdash;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.
1919

@@ -23,7 +23,7 @@
2323

2424

2525
#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
2727

2828
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:
2929

@@ -182,6 +182,32 @@ You can learn more about the [`TelerikRootComponent` purpose and usage](slug://r
182182

183183
#license-key-version
184184

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 <a href="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.
186212

187213
#end

deployment/ci-cd-build-server.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ position: 5
1212

1313
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.
1414

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).
1616
1717
Sections in this article:
1818

getting-started/client-blazor.md

Lines changed: 18 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -21,11 +21,19 @@ This article explains how to get the <a href = "https://www.telerik.com/blazor-u
2121
2222
@[template](/_contentTemplates/common/get-started.md#prerequisites-tip)
2323

24-
## Blazor Client Prerequisites
24+
## Prerequisites
2525

2626
@[template](/_contentTemplates/common/get-started.md#prerequisites-download)
2727

28-
## Step 1: Create a New Project
28+
## Step 1: Install a License Key
29+
30+
@[template](/_contentTemplates/common/get-started.md#license-key-version)
31+
32+
@[template](/_contentTemplates/common/get-started.md#license-key-manual-steps)
33+
34+
@[template](/_contentTemplates/common/get-started.md#license-key-know-more-link)
35+
36+
## Step 2: Create a New Project
2937

3038
1. Open Visual Studio and select **Create a new project**.
3139

@@ -35,24 +43,24 @@ This article explains how to get the <a href = "https://www.telerik.com/blazor-u
3543

3644
@[template](/_contentTemplates/common/get-started.md#add-nuget-feed)
3745

38-
## Step 3: Install the Telerik UI for Blazor Components
46+
## Step 4: Install the Telerik UI for Blazor Components
3947

4048
1. Right-click the `.Client` project in the solution and select **Manage NuGet Packages**.
4149

4250
![Manage NuGet Packages](images/manage-nuget-packages-for-client-app.png)
4351

4452
2. Install the Telerik Blazor NuGet package:
4553

46-
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.
4755
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`.
4856

4957
![Add Telerik Blazor Package to Client Project](images/add-telerik-nuget-to-client-app.png)
5058

51-
## Step 4: Enable the Blazor UI Components
59+
## Step 5: Enable the Blazor UI Components
5260

5361
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.
5462

55-
### 4.1. Add the Telerik UI for Blazor Client Assets
63+
### 5.1. Add the Telerik UI for Blazor Client Assets
5664

5765
1\. Add the `telerik-blazor.js` file to your main index file&mdash;`wwwroot/index.html`.
5866

@@ -63,7 +71,7 @@ To enable the Telerik UI for Blazor components, you must add several client-side
6371

6472
@[template](/_contentTemplates/common/js-interop-file.md#theme-static-asset-snippet)
6573

66-
### 4.2. Include @using Statements
74+
### 5.2. Include @using Statements
6775

6876
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).
6977

@@ -74,13 +82,13 @@ In the `~/_Imports.razor` file, add the `@using` directives below. This configur
7482
@using Telerik.FontIcons
7583
````
7684

77-
### 4.3. Add the TelerikRootComponent
85+
### 5.3. Add the TelerikRootComponent
7886

7987
Use a single `TelerikRootComponent` component as a top-level component in the Blazor client-side app.
8088

8189
@[template](/_contentTemplates/common/get-started.md#root-component-main-layout)
8290

83-
### 4.4. Register the Telerik Blazor Service
91+
### 5.4. Register the Telerik Blazor Service
8492

8593
In the `~/Program.cs` file of the client web application, register the Telerik Blazor service.
8694

@@ -89,7 +97,7 @@ In the `~/Program.cs` file of the client web application, register the Telerik B
8997

9098
Now your project can use the Telerik UI for Blazor components.
9199

92-
## Step 5: Add a Component to a View
100+
## Step 6: Add a Component to a View
93101

94102
The final step in this tutorial is to use a Telerik UI for Blazor component in a view and run it in the browser.
95103

getting-started/hybrid-blazor.md

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -28,19 +28,23 @@ Before adding the Telerik UI for Blazor components, ensure that the correspondin
2828

2929
## Adding the UI for Blazor Components
3030

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.
3232

3333
### 1. Get the Telerik UI for Blazor Package
3434

3535
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)
3636

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
3842

3943
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.
4044

4145
You can add the Telerik resources as [static assets](slug://getting-started/what-you-need#css-theme-and-javascript-files).
4246

43-
### 3. Include @using Statements
47+
### 4. Include @using Statements
4448

4549
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).
4650

@@ -55,7 +59,7 @@ You can set the project to recognize all Telerik components without explicit `@u
5559
@using Telerik.FontIcons
5660
````
5761

58-
### 4. Add the TelerikRootComponent
62+
### 5. Add the TelerikRootComponent
5963

6064
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:
6165

@@ -66,7 +70,7 @@ Make sure that the `TelerikRootComponent` matches the web view viewport and remo
6670

6771
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)).
6872

69-
### 5. Register the Telerik Services
73+
### 6. Register the Telerik Services
7074

7175
The next step is to register the Telerik services. Add the Telerik services in accordance to the practice your native app requires.
7276

@@ -106,7 +110,7 @@ namespace MyBlazorMauiAppName
106110
}
107111
````
108112

109-
### 5. Add the UI for Blazor Components
113+
### 7. Add the UI for Blazor Components
110114

111115
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).
112116

getting-started/server-blazor.md

Lines changed: 17 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,15 @@ This article explains how to get the Telerik UI for Blazor components in your .N
2020

2121
@[template](/_contentTemplates/common/get-started.md#prerequisites-download)
2222

23-
## Step 1: Create a New Project
23+
## Step 1: Install a License Key
24+
25+
@[template](/_contentTemplates/common/get-started.md#license-key-version)
26+
27+
@[template](/_contentTemplates/common/get-started.md#license-key-manual-steps)
28+
29+
@[template](/_contentTemplates/common/get-started.md#license-key-know-more-link)
30+
31+
## Step 2: Create a New Project
2432

2533
1. Open Visual Studio and select **Create a new project**.
2634

@@ -30,24 +38,24 @@ This article explains how to get the Telerik UI for Blazor components in your .N
3038

3139
@[template](/_contentTemplates/common/get-started.md#add-nuget-feed)
3240

33-
## Step 3: Install the Telerik UI for Blazor Components
41+
## Step 4: Install the Telerik UI for Blazor Components
3442

3543
1. Right-click the Blazor Server project in the solution and select **Manage NuGet Packages**.
3644

3745
![Manage NuGet Packages](images/manage-nuget-packages-for-server-app.png)
3846

3947
2. Install the Telerik Blazor NuGet package:
4048

41-
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.
4250
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`.
4351

4452
![Add Telerik Blazor Package to the project](images/add-telerik-nuget-to-server-app.png)
4553

46-
## Step 4: Enable the Blazor UI Components
54+
## Step 5: Enable the Blazor UI Components
4755

4856
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.
4957

50-
### 4.1. Add the Telerik UI for Blazor Client Assets
58+
### 5.1. Add the Telerik UI for Blazor Client Assets
5159

5260
1\. Add the `telerik-blazor.js` file to the `<head>` of your main index file:
5361

@@ -65,7 +73,7 @@ To enable the Telerik UI for Blazor components, you must add several client-side
6573

6674
@[template](/_contentTemplates/common/js-interop-file.md#theme-static-asset-snippet)
6775

68-
### 4.2. Include @using Statements
76+
### 5.2. Include @using Statements
6977

7078
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).
7179

@@ -76,13 +84,13 @@ In the `~/_Imports.razor` file, add the `@using` directives below. This configur
7684
@using Telerik.FontIcons
7785
````
7886

79-
### 4.3. Add the TelerikRootComponent
87+
### 5.3. Add the TelerikRootComponent
8088

8189
Use a single [`TelerikRootComponent`](slug://rootcomponent-overview) component as a top-level component in the app.
8290

8391
@[template](/_contentTemplates/common/get-started.md#root-component-main-layout)
8492

85-
### 4.4. Register the Telerik Blazor Service
93+
### 5.4. Register the Telerik Blazor Service
8694

8795
In the `Program.cs` file of your Blazor Server project, register the Telerik Blazor Service:
8896

@@ -91,7 +99,7 @@ In the `Program.cs` file of your Blazor Server project, register the Telerik Bla
9199

92100
Now your Blazor Server project can use the Telerik UI for Blazor components.
93101

94-
## Step 5: Add a Component to a View
102+
## Step 6: Add a Component to a View
95103

96104
The final step in this tutorial is to use a Telerik UI for Blazor component in a view and run it in the browser.
97105

getting-started/vs-integration/convert-project-wizard.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -84,6 +84,10 @@ In this step, you can apply one of the available [themes](slug://themes-overview
8484

8585
You can choose to back up the project state before the conversion (in a folder called `<ProjectName>_Backup>_<timestamp>`).
8686

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+
8791
## Troubleshooting
8892

8993
When converting a project, you may encounter the following most common issues:

getting-started/vs-integration/introduction.md

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -14,17 +14,19 @@ To integrate with Visual Studio (VS), Telerik UI for Blazor provides VS extensio
1414
{% include cta-panel-introduction.html %}
1515
{% endif %}
1616

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:
1818

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.
2020

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.
2222

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 ).
2424

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).
2626

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.
2830

2931
![Telerik UI for Blazor Visual Studio Extensions window](images/open-vs-extensions.png)
3032

getting-started/vs-integration/new-project-wizard.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -85,6 +85,10 @@ The **Create New Project** wizard generates a project that is based on the Micro
8585

8686
Finally, you can apply one of the available [themes](slug://themes-overview) to your project.
8787

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+
8892
## See Also
8993

9094
* [Telerik UI for Blazor Visual Studio Extensions Overview](slug://getting-started-vs-integration-overview)

0 commit comments

Comments
 (0)