Skip to content

Commit 7d4d470

Browse files
BackiarajBackiaraj
committed
Updated Blazor Web App Getting Started UG documentation
1 parent 16b549d commit 7d4d470

File tree

55 files changed

+281
-277
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

55 files changed

+281
-277
lines changed

‎blazor/heatmap-chart/getting-started-with-web-app.md‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ This section briefly explains about how to include [Blazor HeatMap Chart](https:
2121

2222
## Create a new Blazor Web App in Visual Studio
2323

24-
You can create a **Blazor Web App** using Visual Studio 2022 via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio).
24+
Create a **Blazor Web App** using Visual Studio 2022 via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to [this Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) documentation.
2525

2626
Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Web App.
2727

@@ -33,7 +33,7 @@ To add the **Blazor HeatMap Chart** component in the app, open the NuGet package
3333

3434
If using the `WebAssembly or Auto` render modes in the Blazor Web App, install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor component NuGet packages in the client project.
3535

36-
Alternatively, you can utilize the following package manager command to achieve the same.
36+
Alternatively, run the following commands in the Package Manager Console to achieve the same.
3737

3838
{% tabs %}
3939
{% highlight C# tabtitle="Package Manager" %}
@@ -56,11 +56,11 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are availa
5656

5757
## Create a new Blazor Web App in Visual Studio Code
5858

59-
You can create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project).
59+
Create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to [this Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) documentation.
6060

6161
Configure the appropriate interactive render mode and interactivity location when setting up a Blazor Web App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode).
6262

63-
For example, in a Blazor Web App with the `Auto` interactive render mode, use the following commands.
63+
For example, to create a Blazor Web App with the `Auto` interactive render mode, use the following commands:
6464

6565
{% tabs %}
6666
{% highlight c# tabtitle="Blazor Web App" %}
@@ -100,7 +100,7 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are availa
100100

101101
## Prerequisites
102102

103-
Latest version of the [.NET SDK](https://dotnet.microsoft.com/en-us/download). If you previously installed the SDK, you can determine the installed version by executing the following command in a command prompt (Windows) or terminal (macOS) or command shell (Linux).
103+
Install the latest version of [.NET SDK](https://dotnet.microsoft.com/en-us/download). If you previously installed the SDK, you can determine the installed version by executing the following command in a command prompt (Windows) or terminal (macOS) or command shell (Linux).
104104

105105
{% tabs %}
106106
{% highlight c# tabtitle=".NET CLI" %}
@@ -116,7 +116,7 @@ Run the following command to create a new Blazor Web App in a command prompt (Wi
116116

117117
Configure the appropriate interactive render mode and interactivity location when setting up a Blazor Web Application. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode).
118118

119-
For example, in a Blazor Web App with `Auto` interactive render mode, use the following commands:
119+
For example, to create a Blazor Web App with the `Auto` interactive render mode, use the following commands:
120120

121121
{% tabs %}
122122
{% highlight c# tabtitle=".NET CLI" %}
@@ -154,7 +154,7 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are availa
154154

155155
## Add Import Namespaces
156156

157-
Open the **~/_Imports.razor** file from the client project and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.HeatMap` namespace.
157+
Open the **~/_Imports.razor** file from the client project and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.HeatMap` namespaces.
158158

159159
{% tabs %}
160160
{% highlight C# tabtitle="~/_Imports.razor" %}

‎blazor/image-editor/getting-started-with-web-app.md‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ To get started quickly with the Blazor Image Editor component, refer to this vid
2525

2626
## Create a new Blazor Web App in Visual Studio
2727

28-
You can create a **Blazor Web App** using Visual Studio 2022 via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio).
28+
Create a **Blazor Web App** using Visual Studio 2022 via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to [this Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) documentation.
2929

3030
Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Web App.
3131

@@ -37,7 +37,7 @@ To add the **Blazor Image Editor** component, open the NuGet package manager in
3737

3838
If using the `WebAssembly or Auto` render modes in the Blazor Web App, install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor component NuGet packages in the client project.
3939

40-
Alternatively, use the following package manager commands to install the packages.
40+
Alternatively, run the following commands in the Package Manager Console to achieve the same.
4141

4242
{% tabs %}
4343
{% highlight C# tabtitle="Package Manager" %}
@@ -60,11 +60,11 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are availa
6060

6161
## Create a new Blazor Web App in Visual Studio Code
6262

63-
You can create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project).
63+
Create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to [this Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) documentation.
6464

6565
Configure the appropriate interactive render mode and interactivity location when setting up a Blazor Web App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode).
6666

67-
For example, in a Blazor Web App with the `Auto` interactive render mode, use the following commands.
67+
For example, to create a Blazor Web App with the `Auto` interactive render mode, use the following commands:
6868

6969
{% tabs %}
7070
{% highlight c# tabtitle="Blazor Web App" %}
@@ -104,7 +104,7 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are availa
104104

105105
## Prerequisites
106106

107-
Latest version of the [.NET SDK](https://dotnet.microsoft.com/en-us/download). If you previously installed the SDK, you can determine the installed version by executing the following command in a command prompt (Windows) or terminal (macOS) or command shell (Linux).
107+
Install the latest version of [.NET SDK](https://dotnet.microsoft.com/en-us/download). If you previously installed the SDK, you can determine the installed version by executing the following command in a command prompt (Windows) or terminal (macOS) or command shell (Linux).
108108

109109
{% tabs %}
110110
{% highlight c# tabtitle=".NET CLI" %}
@@ -120,7 +120,7 @@ Run the following command to create a new Blazor Web App in a command prompt (Wi
120120

121121
Configure the appropriate interactive render mode and interactivity location when setting up a Blazor Web Application. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode).
122122

123-
For example, in a Blazor Web App with `Auto` interactive render mode, use the following commands:
123+
For example, to create a Blazor Web App with the `Auto` interactive render mode, use the following commands:
124124

125125
{% tabs %}
126126
{% highlight c# tabtitle=".NET CLI" %}
@@ -158,7 +158,7 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are availa
158158

159159
## Add Import Namespaces
160160

161-
Open the **~/_Imports.razor** file from the client project and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.ImageEditor` namespace.
161+
Open the **~/_Imports.razor** file from the client project and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.ImageEditor` namespaces.
162162

163163
{% tabs %}
164164
{% highlight C# tabtitle="~/_Imports.razor" %}

‎blazor/in-place-editor/getting-started-with-web-app.md‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ This section briefly explains about how to include [Blazor In-place Editor](http
2323

2424
## Create a new Blazor Web App in Visual Studio
2525

26-
You can create a **Blazor Web App** using Visual Studio 2022 via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio).
26+
Create a **Blazor Web App** using Visual Studio 2022 via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) or the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-integration/template-studio). For detailed instructions, refer to [this Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app) documentation.
2727

2828
Configure the appropriate [Interactive render mode](https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-10.0#render-modes) and [Interactivity location](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vs) while creating a Blazor Web App.
2929

@@ -35,7 +35,7 @@ To add the **Blazor In-place Editor** component in the app, open the NuGet packa
3535

3636
If using the `WebAssembly or Auto` render modes in the Blazor Web App, install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor component NuGet packages in the client project.
3737

38-
Alternatively, you can utilize the following package manager command to achieve the same.
38+
Alternatively, run the following commands in the Package Manager Console to achieve the same.
3939

4040
{% tabs %}
4141
{% highlight C# tabtitle="Package Manager" %}
@@ -58,11 +58,11 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are availa
5858

5959
## Create a new Blazor Web App in Visual Studio Code
6060

61-
You can create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project).
61+
Create a **Blazor Web App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-10.0&pivots=vsc) or the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project). For detailed instructions, refer to [this Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code) documentation.
6262

6363
Configure the appropriate interactive render mode and interactivity location when setting up a Blazor Web App. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode).
6464

65-
For example, in a Blazor Web App with the `Auto` interactive render mode, use the following commands.
65+
For example, to create a Blazor Web App with the `Auto` interactive render mode, use the following commands:
6666

6767
{% tabs %}
6868
{% highlight c# tabtitle="Blazor Web App" %}
@@ -102,7 +102,7 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are availa
102102

103103
## Prerequisites
104104

105-
Latest version of the [.NET SDK](https://dotnet.microsoft.com/en-us/download). If you previously installed the SDK, you can determine the installed version by executing the following command in a command prompt (Windows) or terminal (macOS) or command shell (Linux).
105+
Install the latest version of [.NET SDK](https://dotnet.microsoft.com/en-us/download). If you previously installed the SDK, you can determine the installed version by executing the following command in a command prompt (Windows) or terminal (macOS) or command shell (Linux).
106106

107107
{% tabs %}
108108
{% highlight c# tabtitle=".NET CLI" %}
@@ -118,7 +118,7 @@ Run the following command to create a new Blazor Web App in a command prompt (Wi
118118

119119
Configure the appropriate interactive render mode and interactivity location when setting up a Blazor Web Application. For detailed information, refer to the [interactive render mode documentation](https://blazor.syncfusion.com/documentation/common/interactive-render-mode).
120120

121-
For example, in a Blazor Web App with `Auto` interactive render mode, use the following commands:
121+
For example, to create a Blazor Web App with the `Auto` interactive render mode, use the following commands:
122122

123123
{% tabs %}
124124
{% highlight c# tabtitle=".NET CLI" %}
@@ -156,7 +156,7 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are availa
156156

157157
## Add Import Namespaces
158158

159-
Open the **~/_Imports.razor** file from the client project and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.InPlaceEditor` namespace.
159+
Open the **~/_Imports.razor** file from the client project and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.InPlaceEditor` namespaces.
160160

161161
{% tabs %}
162162
{% highlight C# tabtitle="~/_Imports.razor" %}

0 commit comments

Comments
 (0)