Skip to content

Commit 92899a4

Browse files
Merge pull request #6614 from syncfusion-content/930500-UG
Updated Blazor UG documentation
2 parents 89c0d1d + 7214b23 commit 92899a4

File tree

64 files changed

+270
-358
lines changed

Some content is hidden

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

64 files changed

+270
-358
lines changed

blazor-toc.html

Lines changed: 107 additions & 154 deletions
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,71 @@
6060
<li><a href="/blazor/getting-started/winforms-blazor-app">WinForms Blazor App</a></li>
6161
</ul>
6262
</li>
63+
<li>Visual Studio Code Integration
64+
<ul>
65+
<li>
66+
<a href="/blazor/visual-studio-code-integration/overview">Overview</a>
67+
</li>
68+
<li>
69+
<a href="/blazor/visual-studio-code-integration/download-and-installation">Download and Installation</a>
70+
</li>
71+
<li>
72+
<a href="/blazor/visual-studio-code-integration/create-project">Create Project</a>
73+
</li>
74+
<li>
75+
<a href="/blazor/visual-studio-code-integration/code-snippet">Code Snippet</a>
76+
</li>
77+
<li>
78+
<a href="/blazor/visual-studio-code-integration/convert-project">Convert Project</a>
79+
</li>
80+
<li>
81+
<a href="/blazor/visual-studio-code-integration/upgrade-project">Upgrade Project</a>
82+
</li>
83+
</ul>
84+
</li>
85+
<li>Visual Studio Integration
86+
<ul>
87+
<li>
88+
<a href="/blazor/visual-studio-integration/overview">Overview</a>
89+
</li>
90+
<li>
91+
<a href="/blazor/visual-studio-integration/download-and-installation">Download and Installation</a>
92+
</li>
93+
<li>
94+
<a href="/blazor/visual-studio-integration/template-studio">Template Studio</a>
95+
</li>
96+
<li>
97+
<a href="/blazor/visual-studio-integration/code-generator">Code Generator</a>
98+
</li>
99+
<li>
100+
<a href="/blazor/visual-studio-integration/convert-project">Convert Project</a>
101+
</li>
102+
<li>
103+
<a href="/blazor/visual-studio-integration/upgrade-project">Upgrade Project</a>
104+
</li>
105+
<li>
106+
<a href="/blazor/visual-studio-integration/scaffolding">Scaffolding</a>
107+
</li>
108+
<li>
109+
<a href="/blazor/visual-studio-integration/Syncfusion-Notifications">Notifications</a>
110+
</li>
111+
</ul>
112+
</li>
113+
<li>
114+
UI Kit
115+
<ul>
116+
<li><a href="/blazor/ui-kit/overview">Overview</a></li>
117+
<li><a href="/blazor/ui-kit/getting-started">Getting Started</a></li>
118+
<li><a href="/blazor/ui-kit/build-your-first-blazor-app-with-blocks">Build your first Blazor app with our blocks</a></li>
119+
</ul>
120+
</li>
121+
<li>Tutorials
122+
<ul>
123+
<li>
124+
<a href="/blazor/tutorials/build-a-blazor-stay-reservation-app">Build a Blazor Stay Reservation App</a>
125+
</li>
126+
</ul>
127+
</li>
63128
<li>
64129
<a href="/blazor/getting-started/microsoft-teams-app">Microsoft Teams App</a>
65130
</li>
@@ -90,42 +155,25 @@
90155
<li><a href="/blazor/ai-developer-tools/copilot-extension">Copilot Extension</a></li>
91156
</ul>
92157
</li>
93-
<li>Tutorials
94-
<ul>
95-
<li>
96-
<a href="/blazor/tutorials/build-a-blazor-stay-reservation-app">Build a Blazor Stay Reservation App</a>
97-
</li>
98-
</ul>
99-
</li>
100-
<li>License
158+
<li>Smart (AI) Solutions
101159
<ul>
102-
<li>
103-
<a href="/blazor/getting-started/license-key/overview">Overview</a>
104-
</li>
105-
<li>
106-
<a href="/blazor/getting-started/license-key/how-to-generate">Generate Blazor License Key</a>
107-
</li>
108-
<li>
109-
<a href="/blazor/getting-started/license-key/how-to-register-in-an-application">Register License Key in Blazor Application</a>
110-
</li>
111-
<li>
112-
<a href="/blazor/getting-started/license-key/how-to-register-in-a-razor-class-library">Register License Key in a Razor Class Library Application</a>
113-
</li>
114-
<li>
115-
<a href="/blazor/getting-started/license-key/how-to-register-syncfusion-license-securely-in-blazor-wasm-app">How to Register Syncfusion License Key Securely in Blazor WASM App?</a>
116-
</li>
117-
<li>
118-
<a href="/blazor/getting-started/license-key/CI-license-validation">How to Validate Syncfusion License Key In CI Services?</a>
119-
</li>
120-
<li>
121-
<a href="/blazor/getting-started/license-key/licensing-errors">Licensing Errors</a>
160+
<li>AI Base
161+
<ul>
162+
<li><a href="/blazor/smart-ai-solutions/ai/overview">Overview</a></li>
163+
<li><a href="/blazor/smart-ai-solutions/ai/openAI">OpenAI Integration</a></li>
164+
<li><a href="/blazor/smart-ai-solutions/ai/azure-openai">AzureOpenAI Integration</a></li>
165+
<li><a href="/blazor/smart-ai-solutions/ai/ollama">Ollama Local Models Integration</a></li>
166+
<li><a href="/blazor/smart-ai-solutions/ai/custom-ai-service">Custom AI Providers</a></li>
167+
</ul>
122168
</li>
123-
<li>
124-
<a href="/blazor/getting-started/license-key/licensing-faq">Licensing FAQ</a>
169+
<li>Tree Grid
170+
<ul>
171+
<li><a href="/blazor/smart-ai-solutions/ai-samples/treegrid/adaptive-structuring">Adaptive Structuring</a></li>
172+
</ul>
125173
</li>
126174
</ul>
127175
</li>
128-
<li>Installation<ul>
176+
<li>Installation and License<ul>
129177
<li>Web Installer
130178
<ul>
131179
<li>
@@ -167,6 +215,34 @@
167215
</li>
168216
</ul>
169217
</li>
218+
<li>License
219+
<ul>
220+
<li>
221+
<a href="/blazor/getting-started/license-key/overview">Overview</a>
222+
</li>
223+
<li>
224+
<a href="/blazor/getting-started/license-key/how-to-generate">Generate Blazor License Key</a>
225+
</li>
226+
<li>
227+
<a href="/blazor/getting-started/license-key/how-to-register-in-an-application">Register License Key in Blazor Application</a>
228+
</li>
229+
<li>
230+
<a href="/blazor/getting-started/license-key/how-to-register-in-a-razor-class-library">Register License Key in a Razor Class Library Application</a>
231+
</li>
232+
<li>
233+
<a href="/blazor/getting-started/license-key/how-to-register-syncfusion-license-securely-in-blazor-wasm-app">How to Register Syncfusion License Key Securely in Blazor WASM App?</a>
234+
</li>
235+
<li>
236+
<a href="/blazor/getting-started/license-key/CI-license-validation">How to Validate Syncfusion License Key In CI Services?</a>
237+
</li>
238+
<li>
239+
<a href="/blazor/getting-started/license-key/licensing-errors">Licensing Errors</a>
240+
</li>
241+
<li>
242+
<a href="/blazor/getting-started/license-key/licensing-faq">Licensing FAQ</a>
243+
</li>
244+
</ul>
245+
</li>
170246

171247
<li>
172248
<a href="/blazor/installation/install-nuget-packages">Install through NuGet Packages</a>
@@ -366,64 +442,6 @@
366442
</li>
367443
</ul>
368444
</li>
369-
<li>
370-
UI Kit
371-
<ul>
372-
<li><a href="/blazor/ui-kit/overview">Overview</a></li>
373-
<li><a href="/blazor/ui-kit/getting-started">Getting Started</a></li>
374-
<li><a href="/blazor/ui-kit/build-your-first-blazor-app-with-blocks">Build your first Blazor app with our blocks</a></li>
375-
</ul>
376-
</li>
377-
<li>Visual Studio Code Integration
378-
<ul>
379-
<li>
380-
<a href="/blazor/visual-studio-code-integration/overview">Overview</a>
381-
</li>
382-
<li>
383-
<a href="/blazor/visual-studio-code-integration/download-and-installation">Download and Installation</a>
384-
</li>
385-
<li>
386-
<a href="/blazor/visual-studio-code-integration/create-project">Create Project</a>
387-
</li>
388-
<li>
389-
<a href="/blazor/visual-studio-code-integration/code-snippet">Code Snippet</a>
390-
</li>
391-
<li>
392-
<a href="/blazor/visual-studio-code-integration/convert-project">Convert Project</a>
393-
</li>
394-
<li>
395-
<a href="/blazor/visual-studio-code-integration/upgrade-project">Upgrade Project</a>
396-
</li>
397-
</ul>
398-
</li>
399-
<li>Visual Studio Integration
400-
<ul>
401-
<li>
402-
<a href="/blazor/visual-studio-integration/overview">Overview</a>
403-
</li>
404-
<li>
405-
<a href="/blazor/visual-studio-integration/download-and-installation">Download and Installation</a>
406-
</li>
407-
<li>
408-
<a href="/blazor/visual-studio-integration/template-studio">Template Studio</a>
409-
</li>
410-
<li>
411-
<a href="/blazor/visual-studio-integration/code-generator">Code Generator</a>
412-
</li>
413-
<li>
414-
<a href="/blazor/visual-studio-integration/convert-project">Convert Project</a>
415-
</li>
416-
<li>
417-
<a href="/blazor/visual-studio-integration/upgrade-project">Upgrade Project</a>
418-
</li>
419-
<li>
420-
<a href="/blazor/visual-studio-integration/scaffolding">Scaffolding</a>
421-
</li>
422-
<li>
423-
<a href="/blazor/visual-studio-integration/Syncfusion-Notifications">Notifications</a>
424-
</li>
425-
</ul>
426-
</li>
427445
<li>3D Chart
428446
<ul>
429447
<li>Getting Started
@@ -652,24 +670,6 @@
652670
</li>
653671
</ul>
654672
</li>
655-
<li>Smart (AI) Solutions
656-
<ul>
657-
<li>AI Base
658-
<ul>
659-
<li><a href="/blazor/smart-ai-solutions/ai/overview">Overview</a></li>
660-
<li><a href="/blazor/smart-ai-solutions/ai/openAI">OpenAI Integration</a></li>
661-
<li><a href="/blazor/smart-ai-solutions/ai/azure-openai">AzureOpenAI Integration</a></li>
662-
<li><a href="/blazor/smart-ai-solutions/ai/ollama">Ollama Local Models Integration</a></li>
663-
<li><a href="/blazor/smart-ai-solutions/ai/custom-ai-service">Custom AI Providers</a></li>
664-
</ul>
665-
</li>
666-
<li>Tree Grid
667-
<ul>
668-
<li><a href="/blazor/smart-ai-solutions/ai-samples/treegrid/adaptive-structuring">Adaptive Structuring</a></li>
669-
</ul>
670-
</li>
671-
</ul>
672-
</li>
673673
<li>AI AssistView
674674
<ul>
675675
<li>Getting Started
@@ -3673,47 +3673,6 @@
36733673
</li>
36743674
</ul>
36753675
</li>
3676-
<li>PDF
3677-
<ul>
3678-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/overview">Overview</a></li>
3679-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/assemblies-required">Assemblies Required</a></li>
3680-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/nuget-packages-required">NuGet Packages Required</a></li>
3681-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/create-pdf-document-in-blazor">Getting Started</a></li>
3682-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/open-and-save-pdf-file-in-c-sharp-vb-net">Loading and Saving Document</a></li>
3683-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-document">Working With Document</a></li>
3684-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-pages">Working With Pages</a></li>
3685-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-text">Working With Text</a></li>
3686-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-images">Working With Images</a></li>
3687-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-brushes">Working With Brushes</a></li>
3688-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-tables">Working With Tables</a></li>
3689-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-forms">Working With Forms</a></li>
3690-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-xfa">Working With XFA</a></li>
3691-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/merge-documents">Merge Documents</a></li>
3692-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-text-extraction">Working With Text Extraction</a></li>
3693-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-hyperlinks">Working With HyperLinks</a></li>
3694-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-pdf-templates">Working With PDF Templates</a></li>
3695-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-headers-and-footers">Working With Headers and Footers</a></li>
3696-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-shapes">Working With Shapes</a></li>
3697-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-bookmarks">Working With Bookmarks</a></li>
3698-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-named-destination">Working With Named Destination</a></li>
3699-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-annotations">Working With Annotations</a></li>
3700-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-attachments">Working With Attachments</a></li>
3701-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-security">Working With Security</a></li>
3702-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-digitalsignature">Working With DigitalSignature</a></li>
3703-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-barcode">Working With Barcode</a></li>
3704-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-action">Working With Action</a></li>
3705-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-watermarks">Working With Watermarks</a></li>
3706-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-portfolio">Working With Portfolio</a></li>
3707-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-layers">Working With Layers</a></li>
3708-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-tagged-pdf">Working With Tagged PDF</a></li>
3709-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-pdf-conformance">Working With PDF Conformance</a></li>
3710-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-zugferd-invoice">Working With ZUGFeRD Invoice</a></li>
3711-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-metadata">Working With Metadata</a></li>
3712-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-colorspace">Working With Colorspace</a></li>
3713-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-javascript">Working With JavaScript</a></li>
3714-
<li> <a href="https://help.syncfusion.com/file-formats/pdf/supported-and-unsupported-features">Supported and Unsupported Features</a></li>
3715-
</ul>
3716-
</li>
37173676
<li>Pivot Table
37183677
<ul>
37193678
<li>Getting Started
@@ -3811,12 +3770,6 @@
38113770
</li>
38123771
</ul>
38133772
</li>
3814-
<li>PowerPoint Library (Presentation)
3815-
<ul>
3816-
<li> <a href="https://help.syncfusion.com/file-formats/presentation/overview">Overview</a></li>
3817-
<li> <a href="https://help.syncfusion.com/file-formats/presentation/getting-started">Getting Started</a></li>
3818-
</ul>
3819-
</li>
38203773
<li>ProgressBar
38213774
<ul>
38223775
<li>Getting Started

blazor/chart/getting-started-wasm.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -99,9 +99,9 @@ dotnet --version
9999
{% endhighlight %}
100100
{% endtabs %}
101101

102-
## Create a Blazor WebAssembly project using .NET CLI
102+
## Create a Blazor WebAssembly App using .NET CLI
103103

104-
Run the `dotnet new blazorwasm` command to create a new Blazor WebAssembly application in a command prompt (Windows) or terminal (macOS) or command shell (Linux).
104+
Run the `dotnet new blazorwasm` command to create a new Blazor WebAssembly App in a command prompt (Windows) or terminal (macOS) or command shell (Linux).
105105

106106
{% tabs %}
107107
{% highlight c# tabtitle=".NET CLI" %}
@@ -112,7 +112,7 @@ cd BlazorApp
112112
{% endhighlight %}
113113
{% endtabs %}
114114

115-
This command creates new Blazor WebAssembly app project and places it in a new directory called `BlazorApp` inside your current location. See [Create Blazor app topic](https://dotnet.microsoft.com/en-us/learn/aspnet/blazor-tutorial/create) and [dotnet new CLI command](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-new) topics for more details.
115+
This command creates new Blazor WebAssembly App and places it in a new directory called `BlazorApp` inside your current location. See [Create Blazor app topic](https://dotnet.microsoft.com/en-us/learn/aspnet/blazor-tutorial/create) and [dotnet new CLI command](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-new) topics for more details.
116116

117117
## Install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Chart NuGet in the App
118118

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

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -69,8 +69,6 @@ cd BlazorWebApp.Client
6969
{% endhighlight %}
7070
{% endtabs %}
7171

72-
N> For more information on creating a **Blazor Web App** with various interactive modes and locations, refer to this [link](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=visual-studio-code#render-interactive-modes).
73-
7472
## Install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Charts NuGet in the App
7573

7674
If you utilize `WebAssembly` or `Auto` render modes in the Blazor Web App need to be install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components NuGet packages within the client project.
@@ -108,7 +106,7 @@ dotnet --version
108106
{% endhighlight %}
109107
{% endtabs %}
110108

111-
## Create a Blazor Web project using .NET CLI
109+
## Create a Blazor Web App using .NET CLI
112110

113111
Run the following command to create a new Blazor Web App in a command prompt (Windows) or terminal (macOS) or command shell (Linux). For detailed instructions, refer to [this Blazor Web App Getting Started](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app?tabcontent=.net-cli) documentation.
114112

@@ -126,7 +124,7 @@ cd BlazorApp.Client
126124
{% endhighlight %}
127125
{% endtabs %}
128126

129-
This command creates new Blazor Web app project and places it in a new directory called `BlazorApp` inside your current location. See [Create Blazor app topic](https://dotnet.microsoft.com/en-us/learn/aspnet/blazor-tutorial/create) and [dotnet new CLI command](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?pivots=linux-macos&view=aspnetcore-8.0) topics for more details.
127+
This command creates new Blazor Web App and places it in a new directory called `BlazorApp` inside your current location. See [Create Blazor app topic](https://dotnet.microsoft.com/en-us/learn/aspnet/blazor-tutorial/create) and [dotnet new CLI command](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?pivots=linux-macos&view=aspnetcore-8.0) topics for more details.
130128

131129
## Install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Charts NuGet in the App
132130

blazor/chart/getting-started.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -99,9 +99,9 @@ dotnet --version
9999
{% endhighlight %}
100100
{% endtabs %}
101101

102-
## Create a Blazor Server side project using .NET CLI
102+
## Create a Blazor Server App using .NET CLI
103103

104-
Run the `dotnet new blazorserver` command to create a new Blazor Server application in a command prompt (Windows) or terminal (macOS) or command shell (Linux).
104+
Run the `dotnet new blazorserver` command to create a new Blazor Server App in a command prompt (Windows) or terminal (macOS) or command shell (Linux).
105105

106106
{% tabs %}
107107
{% highlight c# tabtitle=".NET CLI" %}
@@ -112,7 +112,7 @@ cd BlazorApp
112112
{% endhighlight %}
113113
{% endtabs %}
114114

115-
This command creates new Blazor app project and places it in a new directory called `BlazorApp` inside your current location. See [Create Blazor app topic](https://dotnet.microsoft.com/en-us/learn/aspnet/blazor-tutorial/create) and [dotnet new CLI command](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-new) topics for more details.
115+
This command creates new Blazor Server App and places it in a new directory called `BlazorApp` inside your current location. See [Create Blazor app topic](https://dotnet.microsoft.com/en-us/learn/aspnet/blazor-tutorial/create) and [dotnet new CLI command](https://learn.microsoft.com/en-us/dotnet/core/tools/dotnet-new) topics for more details.
116116

117117
## Install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Chart NuGet in the App
118118

0 commit comments

Comments
 (0)