Skip to content

Commit 8c98300

Browse files
rajendranr-5483rajendranr-5483
authored
Merge pull request #6607 from syncfusion-content/930500-UG
Updated the Blazor Getting Started UG documentation
2 parents 1fcd32b + 88b4ae5 commit 8c98300

18 files changed

+41
-41
lines changed

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -166,7 +166,7 @@ Open the **~/_Imports.razor** file from the client project and import the `Syncf
166166

167167
Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service in the **~/Program.cs** file of your Blazor Web App.
168168

169-
If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, you need to register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in both **~/Program.cs** files of your Blazor Web App.
169+
If your Blazor Web App uses `WebAssembly` or `Auto` interactive render modes, you must register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in the **~/Program.cs** files of the main `server` project and associated `.Client` project.
170170

171171
{% tabs %}
172172
{% highlight c# tabtitle="Server(~/_Program.cs)" hl_lines="3 11" %}
@@ -218,7 +218,7 @@ N> Check out the [Adding Script Reference](https://blazor.syncfusion.com/documen
218218

219219
## Add Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Chart component
220220

221-
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Chart component in `.razor` file inside the `Pages` folder. If an interactivity location as `Per page/component` in the web app, define a render mode at top of the component, as follows:
221+
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Chart component to a Razor page located under the Pages folder (e.g., Pages/Home.razor) in either the **Server** or **Client** project. If an interactivity location as `Per page/component` in the web app, define a render mode at top of the component, as follows:
222222

223223
| Interactivity location | RenderMode | Code |
224224
| --- | --- | --- |

‎blazor/datagrid/getting-started-with-maui-app.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -336,8 +336,8 @@ The grouping feature enables you to view the Syncfusion<sup style="font-size:70%
336336

337337
Exceptions occurred during Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid actions can be handled without stopping application. These error messages or exception details can be acquired using the [OnActionFailure](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEvents-1.html#Syncfusion_Blazor_Grids_GridEvents_1_OnActionFailure) event.
338338

339-
**TValue**: Specifies the row data type of the grid (for example, Order). It enables strong typing for templates and event args and ensures proper binding/formatting.
340-
**GridEvents**: When you use GridEvents, set the same TValue on both SfGrid and GridEvents so the event argument types (like FailureEventArgs, RowSelectEventArgs<TValue>) are correctly bound.
339+
* **TValue** - Specifies the row data type of the grid (for example, Order). It enables strong typing for templates and event args and ensures proper binding/formatting.
340+
* **GridEvents** - When you use GridEvents, set the same TValue on both SfGrid and GridEvents so the event argument types (like FailureEventArgs, RowSelectEventArgs<TValue>) are correctly bound.
341341

342342
The argument passed to the `OnActionFailure` event contains the error details returned from the server.
343343

‎blazor/datagrid/getting-started-with-server-app.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -382,8 +382,8 @@ The grouping feature enables you to view the Syncfusion<sup style="font-size:70%
382382

383383
Exceptions occurred during Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid actions can be handled without stopping application. These error messages or exception details can be acquired using the [OnActionFailure](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEvents-1.html#Syncfusion_Blazor_Grids_GridEvents_1_OnActionFailure) event.
384384

385-
**TValue**: Specifies the row data type of the grid (for example, Order). It enables strong typing for templates and event args and ensures proper binding/formatting.
386-
**GridEvents**: When you use GridEvents, set the same TValue on both SfGrid and GridEvents so the event argument types (like FailureEventArgs, RowSelectEventArgs<TValue>) are correctly bound.
385+
* **TValue** - Specifies the row data type of the grid (for example, Order). It enables strong typing for templates and event args and ensures proper binding/formatting.
386+
* **GridEvents** - When you use GridEvents, set the same TValue on both SfGrid and GridEvents so the event argument types (like FailureEventArgs, RowSelectEventArgs<TValue>) are correctly bound.
387387

388388
The argument passed to the `OnActionFailure` event contains the error details returned from the server.
389389

‎blazor/datagrid/getting-started-with-web-app.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -169,7 +169,7 @@ Open the **~/_Imports.razor** file from the client project and import the `Syncf
169169

170170
Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in the **~/Program.cs** file of your Blazor web app.
171171

172-
If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, you need to register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in both **~/Program.cs** files of your Blazor web app.
172+
If your Blazor Web App uses `WebAssembly` or `Auto` interactive render modes, you must register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in the **~/Program.cs** files of the main `server` project and associated `.Client` project.
173173

174174
{% tabs %}
175175
{% highlight c# tabtitle="Server(~/_Program.cs)" hl_lines="3 11" %}
@@ -425,8 +425,8 @@ The grouping feature enables you to view the Syncfusion<sup style="font-size:70%
425425

426426
Exceptions occurred during Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid actions can be handled without stopping application. These error messages or exception details can be acquired using the [OnActionFailure](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEvents-1.html#Syncfusion_Blazor_Grids_GridEvents_1_OnActionFailure) event.
427427

428-
**TValue**: Specifies the row data type of the grid (for example, Order). It enables strong typing for templates and event args and ensures proper binding/formatting.
429-
**GridEvents**: When you use GridEvents, set the same TValue on both SfGrid and GridEvents so the event argument types (like FailureEventArgs, RowSelectEventArgs<TValue>) are correctly bound.
428+
* **TValue** - Specifies the row data type of the grid (for example, Order). It enables strong typing for templates and event args and ensures proper binding/formatting.
429+
* **GridEvents** - When you use GridEvents, set the same TValue on both SfGrid and GridEvents so the event argument types (like FailureEventArgs, RowSelectEventArgs<TValue>) are correctly bound.
430430

431431
The argument passed to the [OnActionFailure](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEvents-1.html#Syncfusion_Blazor_Grids_GridEvents_1_OnActionFailure) event contains the error details returned from the server.
432432

‎blazor/datagrid/getting-started.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -371,8 +371,8 @@ The grouping feature enables you to view the Syncfusion<sup style="font-size:70%
371371

372372
Exceptions occurred during Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DataGrid actions can be handled without stopping application. These error messages or exception details can be acquired using the [OnActionFailure](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEvents-1.html#Syncfusion_Blazor_Grids_GridEvents_1_OnActionFailure) event.
373373

374-
**TValue**: Specifies the row data type of the grid (for example, Order). It enables strong typing for templates and event args and ensures proper binding/formatting.
375-
**GridEvents**: When you use GridEvents, set the same TValue on both SfGrid and GridEvents so the event argument types (like FailureEventArgs, RowSelectEventArgs<TValue>) are correctly bound.
374+
* **TValue** - Specifies the row data type of the grid (for example, Order). It enables strong typing for templates and event args and ensures proper binding/formatting.
375+
* **GridEvents** - When you use GridEvents, set the same TValue on both SfGrid and GridEvents so the event argument types (like FailureEventArgs, RowSelectEventArgs<TValue>) are correctly bound.
376376

377377
The argument passed to the `OnActionFailure` event contains the error details returned from the server.
378378

‎blazor/diagram/getting-started-with-web-app.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ Open the **~/_Imports.razor** file from the client project and import the `Syncf
6161

6262
Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service in the **~/Program.cs** file of your Blazor Web App.
6363

64-
If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, you need to register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in both **~/Program.cs** files of your Blazor Web App.
64+
If your Blazor Web App uses `WebAssembly` or `Auto` interactive render modes, you must register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in the **~/Program.cs** files of the main `server` project and associated `.Client` project.
6565

6666
{% tabs %}
6767
{% highlight c# tabtitle="Server(~/_Program.cs)" hl_lines="3 11" %}
@@ -115,7 +115,7 @@ N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/app
115115

116116
## Step 6: How to Add Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Diagram Component
117117

118-
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Diagram component in `.razor` file inside the `Pages` folder. If an interactivity location as `Per page/component` in the web app, define a render mode at top of the component, as follows:
118+
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Diagram component to a Razor page located under the Pages folder (e.g., Pages/Home.razor) in either the **Server** or **Client** project. If an interactivity location as `Per page/component` in the web app, define a render mode at top of the component, as follows:
119119

120120
| Interactivity location | RenderMode | Code |
121121
| --- | --- | --- |
@@ -211,7 +211,7 @@ Open the **~/_Imports.razor** file from the client project and import the `Syncf
211211

212212
Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service in the **~/Program.cs** file of your Blazor Web App.
213213

214-
If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, you need to register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in both **~/Program.cs** files of your Blazor Web App.
214+
If your Blazor Web App uses `WebAssembly` or `Auto` interactive render modes, you must register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in the **~/Program.cs** files of the main `server` project and associated `.Client` project.
215215

216216
{% tabs %}
217217
{% highlight c# tabtitle="Server(~/_Program.cs)" hl_lines="3 11" %}
@@ -265,7 +265,7 @@ N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/app
265265

266266
## Step 6: How to Add Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Diagram Component
267267

268-
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Diagram component in `.razor` file inside the `Pages` folder. If an interactivity location as `Per page/component` in the web app, define a render mode at top of the component, as follows:
268+
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Diagram component to a Razor page located under the Pages folder (e.g., Pages/Home.razor) in either the **Server** or **Client** project. If an interactivity location as `Per page/component` in the web app, define a render mode at top of the component, as follows:
269269

270270
| Interactivity location | RenderMode | Code |
271271
| --- | --- | --- |
@@ -365,7 +365,7 @@ Open the **~/_Imports.razor** file from the client project and import the `Syncf
365365

366366
Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service in the **~/Program.cs** file of your Blazor Web App.
367367

368-
If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, you need to register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in both **~/Program.cs** files of your Blazor Web App.
368+
If your Blazor Web App uses `WebAssembly` or `Auto` interactive render modes, you must register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in the **~/Program.cs** files of the main `server` project and associated `.Client` project.
369369

370370
{% tabs %}
371371
{% highlight c# tabtitle="Server(~/_Program.cs)" hl_lines="3 11" %}
@@ -419,7 +419,7 @@ N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/app
419419

420420
## Step 6: How to Add Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Diagram Component
421421

422-
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Diagram component in `.razor` file inside the `Pages` folder. If an interactivity location as `Per page/component` in the web app, define a render mode at top of the component, as follows:
422+
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Diagram component to a Razor page located under the Pages folder (e.g., Pages/Home.razor) in either the **Server** or **Client** project. If an interactivity location as `Per page/component` in the web app, define a render mode at top of the component, as follows:
423423

424424
| Interactivity location | RenderMode | Code |
425425
| --- | --- | --- |

‎blazor/dropdown-list/getting-started-with-web-app.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -169,7 +169,7 @@ Open the **~/_Imports.razor** file from the client project and import the `Syncf
169169

170170
Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service in the **~/Program.cs** file of your Blazor Web App.
171171

172-
If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, you need to register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in both **~/Program.cs** files of your Blazor Web App.
172+
If your Blazor Web App uses `WebAssembly` or `Auto` interactive render modes, you must register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in the **~/Program.cs** files of the main `server` project and associated `.Client` project.
173173

174174
{% tabs %}
175175
{% highlight c# tabtitle="Server(~/_Program.cs)" hl_lines="3 11" %}
@@ -226,7 +226,7 @@ N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/app
226226

227227
## Add Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DropDown List component
228228

229-
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DropDown List component in `.razor` file inside the `Pages` folder. If an interactivity location as `Per page/component` in the web app, define a render mode at top of the component, as follows:
229+
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor DropDown List component to a Razor page located under the Pages folder (e.g., Pages/Home.razor) in either the **Server** or **Client** project. If an interactivity location as `Per page/component` in the web app, define a render mode at top of the component, as follows:
230230

231231
| Interactivity location | RenderMode | Code |
232232
| --- | --- | --- |

‎blazor/file-manager/getting-started-with-web-app.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -169,7 +169,7 @@ Open the **~/_Imports.razor** file from the client project and import the `Syncf
169169

170170
Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service in the **~/Program.cs** file of your Blazor Web App.
171171

172-
If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, you need to register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in both **~/Program.cs** files of your Blazor Web App.
172+
If your Blazor Web App uses `WebAssembly` or `Auto` interactive render modes, you must register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in the **~/Program.cs** files of the main `server` project and associated `.Client` project.
173173

174174
{% tabs %}
175175
{% highlight c# tabtitle="Server(~/_Program.cs)" hl_lines="3 11" %}
@@ -223,7 +223,7 @@ N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/app
223223

224224
## Add Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor File Manager component
225225

226-
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor File Manager component in `.razor` file inside the `Pages` folder. If an interactivity location as `Per page/component` in the web app, define a render mode at top of the component, as follows:
226+
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor File Manager component to a Razor page located under the Pages folder (e.g., Pages/Home.razor) in either the **Server** or **Client** project. If an interactivity location as `Per page/component` in the web app, define a render mode at top of the component, as follows:
227227

228228
| Interactivity location | RenderMode | Code |
229229
| --- | --- | --- |

‎blazor/file-upload/getting-started-with-web-app.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -169,7 +169,7 @@ Open the **~/_Imports.razor** file from the client project and import the `Syncf
169169

170170
Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service in the **~/Program.cs** file of your Blazor Web App.
171171

172-
If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, you need to register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in both **~/Program.cs** files of your Blazor Web App.
172+
If your Blazor Web App uses `WebAssembly` or `Auto` interactive render modes, you must register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in the **~/Program.cs** files of the main `server` project and associated `.Client` project.
173173

174174
{% tabs %}
175175
{% highlight c# tabtitle="Server(~/_Program.cs)" hl_lines="3 11" %}
@@ -226,7 +226,7 @@ N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/app
226226

227227
## Add Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor File Upload component
228228

229-
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor File Upload component in `.razor` file inside the `Pages` folder. If an interactivity location as `Per page/component` in the web app, define a render mode at top of the component, as follows:
229+
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor File Upload component to a Razor page located under the Pages folder (e.g., Pages/Home.razor) in either the **Server** or **Client** project. If an interactivity location as `Per page/component` in the web app, define a render mode at top of the component, as follows:
230230

231231
| Interactivity location | RenderMode | Code |
232232
| --- | --- | --- |

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -169,7 +169,7 @@ Open the **~/_Imports.razor** file from the client project and import the `Syncf
169169

170170
Register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service in the **~/Program.cs** file of your Blazor Web App.
171171

172-
If the **Interactive Render Mode** is set to `WebAssembly` or `Auto`, you need to register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in both **~/Program.cs** files of your Blazor Web App.
172+
If your Blazor Web App uses `WebAssembly` or `Auto` interactive render modes, you must register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in the **~/Program.cs** files of the main `server` project and associated `.Client` project.
173173

174174
{% tabs %}
175175
{% highlight c# tabtitle="Server(~/_Program.cs)" hl_lines="3 11" %}
@@ -226,7 +226,7 @@ N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/app
226226

227227
## Add Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Gantt Chart component
228228

229-
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Gantt Chart component in `.razor` file inside the `Pages` folder. If an interactivity location as `Per page/component` in the web app, define a render mode at top of the component, as follows:
229+
Add the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Gantt Chart component to a Razor page located under the Pages folder (e.g., Pages/Home.razor) in either the **Server** or **Client** project. If an interactivity location as `Per page/component` in the web app, define a render mode at top of the component, as follows:
230230

231231
| Interactivity location | RenderMode | Code |
232232
| --- | --- | --- |

0 commit comments

Comments
 (0)