Skip to content

Commit 4aa5655

Browse files
NithyaSivaprakasamNithyaSivaprakasam
committed
Merge branch '982404-part3-code' of https://github.com/syncfusion-content/blazor-docs into 982404-part3-code
2 parents 59a0683 + 6a9cd3b commit 4aa5655

File tree

191 files changed

+2717
-3818
lines changed

Some content is hidden

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

191 files changed

+2717
-3818
lines changed

‎blazor-toc.html‎

Lines changed: 108 additions & 160 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
@@ -4262,9 +4215,6 @@
42624215
<li>Getting Started
42634216
<ul>
42644217
<li> <a href="/blazor/smart-paste/getting-started-webapp">Blazor Web App</a></li>
4265-
<li>
4266-
<a href="/blazor/smart-paste/getting-started">Blazor Server App</a>
4267-
</li>
42684218
</ul>
42694219
</li>
42704220
<li><a href="/blazor/smart-paste/annotation">Annotation</a></li>
@@ -4285,9 +4235,6 @@
42854235
<li>Getting Started
42864236
<ul>
42874237
<li> <a href="/blazor/smart-textarea/getting-started-webapp">Blazor Web App</a></li>
4288-
<li>
4289-
<a href="/blazor/smart-textarea/getting-started">Blazor Server App</a>
4290-
</li>
42914238
</ul>
42924239
</li>
42934240
<li><a href="/blazor/smart-textarea/customization">Customize Suggestions</a></li>
@@ -4846,6 +4793,7 @@
48464793
<li> <a href="/blazor/treegrid/exporting">Export to PDF</a></li>
48474794
<li> <a href="/blazor/treegrid/print">Print</a></li>
48484795
<li> <a href="/blazor/treegrid/adaptive-layout">Adaptive Layout</a></li>
4796+
<li> <a href="/blazor/treegrid/auto-fill-like-excel">AutoFillt</a></li>
48494797
<li> <a href="/blazor/treegrid/state-management">State Management</a></li>
48504798
<li> <a href="/blazor/treegrid/clipboard">Clipboard</a></li>
48514799
<li> <a href="/blazor/treegrid/accessibility">Accessibility</a></li>

‎blazor/3D-chart/print-export.md‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,6 @@ The rendered 3D chart can be printed directly from the browser by calling the pu
5858
}
5959
6060
```
61-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rtrotaWGVNdkipal?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
6261

6362
![Printing in Blazor 3D Chart](images/getting-started/blazor-chart-printing.png)
6463

@@ -111,6 +110,5 @@ The rendered 3D chart can be exported to `JPEG`, `PNG`, `SVG`, or `PDF` format u
111110
}
112111
113112
```
114-
{% previewsample "https://blazorplayground.syncfusion.com/embed/rDLItkMwhXdAfBmY?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
115113

116114
![Exporting in Blazor 3D Chart](images/getting-started/blazor-chart-exporting.png)

‎blazor/accordion/accessibility.md‎

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
33
title: Accessibility in Blazor Accordion Component | Syncfusion
4-
description: Checkout and learn here all about Accessibility in Syncfusion Blazor Accordion component and much more.
4+
description: Checkout and learn here all about Accessibility in Syncfusion Blazor Accordion component, including WAI-ARIA support, keyboard interaction, and compliance with WCAG, Section 508, and ADA standards.
55
platform: Blazor
66
control: Accordion
77
documentation: ug
@@ -41,18 +41,20 @@ The accessibility compliance for the Blazor Accordion component is outlined belo
4141

4242
## WAI-ARIA attributes
4343

44+
The Syncfusion Blazor Accordion component automatically applies the following WAI-ARIA attributes to its elements to enhance accessibility:
45+
4446
| Attributes | Purpose |
4547
|----------------------|---------------|
46-
| role | **Button:** Attribute is set to the Accordion header elements to indicate that the element can be used to toggle the visibility of the associated content section, describing the actual role of the element.<br> **Region:** Attribute is set to the Accordion panel elements to create a landmark region that contains the currently expanded accordion panel, describing the actual role of the element. |
47-
| aria-labelledby | Attribute is set to content (panel) and it points to the corresponding Accordion header.|
48-
| aria-controls | Attribute is set to the header and it points to the corresponding Accordion content. |
49-
| aria-expanded | Attribute is set to the Accordion header elements to indicates the expand state of the Accordion Item. Default value of this attribute is `false`. If an item is expanded, the attribute value changes to ‘true’. |
50-
| aria-hidden | Attribute is set to the Accordion panel elements to indicates the content visible state of the Accordion Item. Default value of this attribute is `true`. If an item content is visible, the attribute value changes to `false`. |
48+
| role | **Button:** Applied to the Accordion header elements, indicating they function as interactive buttons that toggle the visibility of their associated content sections. <br> **Region**: Applied to the Accordion panel elements, defining them as landmark regions that contain the currently expanded content, making them discoverable by assistive technologies. |
49+
| aria-labelledby | This attribute is set on the Accordion content (panel) and points to the `id` of its corresponding Accordion header. This establishes a programmatic relationship, allowing screen readers to announce the header as the label for the content. |
50+
| aria-controls | This attribute is set on the Accordion header and points to the `id` of its corresponding Accordion content. This indicates that the header controls the visibility of the specified content panel. |
51+
| aria-expanded | Applied to the Accordion header elements, this attribute communicates the current expansion state of the Accordion item to assistive technologies. It has a default value of `false` (collapsed). When an item expands, its value programmatically changes to `true`. |
52+
| aria-hidden | Applied to the Accordion panel elements, this attribute indicates whether the content is visible or hidden. A value of `true` means the content is hidden and not exposed to assistive technologies. Conversely, `false` means the content is visible. The default value is `true` for collapsed content, changing to `false` when the content becomes visible. |
5153
| aria-disabled | It indicates the disabled state of the Accordion and its items. |
5254

5355
## Keyboard interaction
5456

55-
Keyboard navigation is enabled by default. The possible keys are:
57+
Keyboard navigation is a fundamental aspect of accessibility and comes enabled by default in the Blazor Accordion. Users can navigate and interact with the Accordion items using the following keys:
5658

5759
| Windows | Mac | Description |
5860
|---------------|-----------|--------|

0 commit comments

Comments
 (0)