blazor-docs/blazor-toc.html

3413 строки
152 KiB
HTML
Исходник Постоянная ссылка Ответственный История

Этот файл содержит неоднозначные символы Юникода!

Этот файл содержит неоднозначные символы Юникода, которые могут быть перепутаны с другими в текущей локали. Если это намеренно, можете спокойно проигнорировать это предупреждение. Используйте кнопку Экранировать, чтобы подсветить эти символы.

<?xml version="1.0" encoding="utf-8"?>
<ul class="treeview">
<li>
<a href="/blazor/introduction">Introduction</a>
</li>
<li>
<a href="/cr/blazor">API Reference</a>
</li>
<li>
<a href="/blazor/system-requirements">System Requirements</a>
</li>
<li>
<a href="/blazor/browser-support">Browser Compatibility</a>
</li>
<li>
<a href="/blazor/nuget-packages">NuGet Packages</a>
</li>
<li>Getting Started
<ul>
<li>
<a href="/blazor/getting-started/blazor-server-side-visual-studio">Blazor Server Side App in Visual Studio</a>
</li>
<li>
<a href="/blazor/getting-started/blazor-webassembly-visual-studio">Blazor WebAssembly App in Visual Studio</a>
</li>
<li>
<a href="/blazor/getting-started/blazor-server-side-dotnet-cli">Blazor Server Side App in .NET CLI</a>
</li>
<li>
<a href="/blazor/getting-started/blazor-webassembly-dotnet-cli">Blazor WebAssembly App in .NET CLI</a>
</li>
<li>
<a href="/blazor/getting-started/blazor-server-side-mac">Blazor Server Side App in Visual Studio for Mac</a>
</li>
<li>
<a href="/blazor/getting-started/blazor-webassembly-visual-studio-mac">Blazor WebAssembly App in Visual Studio for Mac</a>
</li>
<li>
<a href="/blazor/getting-started/blazor-core-hosted">Blazor ASP.NET Core Hosted App in Visual Studio</a>
</li>
<li>
<a href="/blazor/getting-started/blazor-core-hosted-cli">Blazor ASP.NET Core Hosted App using .NET CLI</a>
</li>
<li>
<a href="/blazor/getting-started/razor-class-library">Razor Class Library in Visual Studio</a>
</li>
<li>License Key<ul>
<li>
<a href="/blazor/getting-started/license-key/overview">Overview</a>
</li>
<li>
<a href="/blazor/getting-started/license-key/how-to-generate">How to Generate Syncfusion Blazor License Key?</a>
</li>
<li>
<a href="/blazor/getting-started/license-key/how-to-register-in-an-application">How to Register Syncfusion License Key in Blazor Application?</a>
</li>
<li>
<a href="/blazor/getting-started/license-key/how-to-register-in-a-razor-class-library">How to Register Syncfusion License Key in a Razor Class Library Application?</a>
</li>
<li>
<a href="/blazor/getting-started/license-key/licensing-errors">Licensing Errors</a>
</li>
<li>
<a href="/blazor/getting-started/license-key/licensing-faq">Licensing FAQ</a>
</li>
</ul>
</li>
</ul>
</li>
<li>Appearance
<ul>
<li>
<a href="/blazor/appearance/themes">Built-in Themes</a>
</li>
<li>
<a href="/blazor/appearance/size-modes">Size Modes</a>
</li>
<li>
<a href="/blazor/appearance/theme-studio">Theme Studio</a>
</li>
<li>
<a href="/blazor/appearance/icons">Icons</a>
</li>
</ul>
</li>
<li>Common
<ul>
<li>
<a href="/blazor/common/how-to/version-compatibility">Version Compatibility</a>
</li>
<li>
<a href="/blazor/common/adding-script-references">Adding Script References</a>
</li>
<li>
<a href="/blazor/common/custom-resource-generator">Custom Resource Generator(CRG)</a>
</li>
<li>
<a href="/blazor/common/accessibility">Accessibility</a>
</li>
<li>
<a href="/blazor/common/localization">Localization</a>
</li>
<li>
<a href="/blazor/common/globalization">Globalization</a>
</li>
<li>
<a href="/blazor/common/right-to-left">Right-To-Left</a>
</li>
<li>
<a href="/blazor/common/state-persistance">State Persistance</a>
</li>
<li>
<a href="/blazor/common/input-validation">Input Form Validation</a>
</li>
<li>
<a href="/blazor/common/html-attributes">HTML Attributes</a>
</li>
<li>
<a href="/blazor/common/deployment">Deployment</a>
</li>
<li>Data Binding
<ul>
<li>
<a href="/blazor/common/data-binding/restful-service-binding">Bind data from RESTful web services</a>
</li>
<li>
<a href="/blazor/common/data-binding/webapi-service-binding">Bind data using WebApiAdaptor of DataManager</a>
</li>
<li>
<a href="/blazor/common/data-binding/sql-server-data-binding">Bind data using SQL Server</a>
</li>
<li>
<a href="/blazor/common/data-binding/bind-entity-framework">Bind data from SQL Server using EntityFramework Core</a>
</li>
<li>
<a href="/blazor/common/data-binding/dapper-databinding">Bind data using Dapper</a>
</li>
<li>
<a href="/blazor/common/data-binding/grpc-data-binding">Bind data using gRPC service</a>
</li>
</ul>
</li>
<li>How To
<ul>
<li>
<a href="/blazor/common/extend-and-customize-components">Extend and Customize the Syncfusion Components</a>
</li>
<li>
<a href="/blazor/common/how-to/add-blazor-component-on-existing-aspnet-core-mvc-app">Add Blazor Components on Exisiting ASP.NET Core MVC Application</a>
</li>
<li>
<a href="/blazor/common/how-to/render-blazor-server-app-in-ie">Render the Blazor Server App in IE11 Browser</a>
</li>
<li>
<a href="/blazor/common/how-to/upgrade-syncfusion-components-to-latest-version">Upgrade Syncfusion Components to Latest Version</a>
</li>
<li>
<a href="/blazor/common/how-to/upgrade-syncfusion-components-to-18dot1-version">Upgrade Syncfusion Components to 18.1.0.36 Version</a>
</li>
<li>
<a href="/blazor/common/how-to/create-blazor-webassembly-prerendering">Blazor WebAssembly Prerendering</a>
</li>
<li>
<a href="/blazor/common/how-to/configure-blazor-component-in-bunit-testing">BUnit Testing</a>
</li>
<li>
<a href="/blazor/common/how-to/use-blazor-report-viewer">Syncfusion ReportViewer in Blazor application</a>
</li>
<li>
<a href="/blazor/common/how-to/troubleshoot">Troubleshoot</a>
</li>
</ul>
</li>
</ul>
</li>
<li>Installation<ul>
<li>Web Installer
<ul>
<li>
<a href="/blazor/installation/web-installer/how-to-download">How to Download?</a>
</li>
<li>
<a href="/blazor/installation/web-installer/how-to-install">How to Install?</a>
</li>
</ul>
</li>
<li>Offline Installer
<ul>
<li>
<a href="/blazor/installation/offline-installer/how-to-download">How to Download?</a>
</li>
<li>
<a href="/blazor/installation/offline-installer/how-to-install">How to Install?</a>
</li>
</ul>
</li>
<li>Mac Installer
<ul>
<li>
<a href="/blazor/installation/mac-installer/how-to-download">How to Download?</a>
</li>
<li>
<a href="/blazor/installation/mac-installer/how-to-install">How to Install?</a>
</li>
</ul>
</li>
<li>
<a href="/blazor/installation/install-nuget-packages">Install through NuGet Packages</a>
</li>
<li>
<a href="/blazor/installation/common-installation-errors">Common Installation Errors</a>
</li>
</ul>
</li>
<li>Upgrade
<ul>
<li>
<a href="/blazor/upgrade/release-history">Release History</a>
</li>
<li>
<a href="/blazor/upgrade/version-compatibility">Version Compatibility</a>
</li>
<li>
<a href="/blazor/upgrade/version-convention">Version Convention for Blazor NuGet Packages</a>
</li>
<li>
<a href="/blazor/upgrade/how-to-upgrade">How to Upgrade Syncfusion Blazor Installer to Latest Version?</a>
</li>
<li>
<a href="/blazor/upgrade/upgrade-syncfusion-blazor-nuget-packages">How to Upgrade Syncfusion Blazor NuGet Packages to Latest Version?</a>
</li>
<li>
<a href="/blazor/upgrade/how-to-upgrade-syncfusion-components-using-vs-extensions">How to Upgrade Syncfusion Blazor Components using VS Extensions?</a>
</li>
</ul>
</li>
<li>Visual Studio Code Integration
<ul>
<li>
<a href="/blazor/visual-studio-code-integration/overview">Overview</a>
</li>
<li>Visual Studio Code Extension
<ul>
<li>
<a href="/blazor/visual-studio-code-integration/visual-studio-code-extensions/download-and-installation">Download and Installation</a>
</li>
<li>
<a href="/blazor/visual-studio-code-integration/visual-studio-code-extensions/create-project">Create Project</a>
</li>
<li>
<a href="/blazor/visual-studio-code-integration/visual-studio-code-extensions/code-snippet">Code Snippet</a>
</li>
<li>
<a href="/blazor/visual-studio-code-integration/visual-studio-code-extensions/convert-project">Convert Project</a>
</li>
<li>
<a href="/blazor/visual-studio-code-integration/visual-studio-code-extensions/upgrade-project">Upgrade Project</a>
</li>
</ul>
</li>
</ul>
</li>
<li>Visual Studio Integration
<ul>
<li>
<a href="/blazor/visual-studio-integration/overview">Overview</a>
</li>
<li>VS 2019 Extension
<ul>
<li>
<a href="/blazor/visual-studio-integration/vs2019-extensions/download-and-installation">Download and Installation</a>
</li>
<li>
<a href="/blazor/visual-studio-integration/vs2019-extensions/template-studio">Template Studio</a>
</li>
<li>
<a href="/blazor/visual-studio-integration/vs2019-extensions/code-generator">Code Generator</a>
</li>
<li>
<a href="/blazor/visual-studio-integration/vs2019-extensions/convert-project">Convert Project</a>
</li>
<li>
<a href="/blazor/visual-studio-integration/vs2019-extensions/upgrade-project">Upgrade Project</a>
</li>
<li>
<a href="/blazor/visual-studio-integration/vs2019-extensions/scaffolding">Scaffolding</a>
</li>
<li>
<a href="/blazor/visual-studio-integration/vs2019-extensions/create-project">Create Project</a>
</li>
</ul>
</li>
</ul>
</li>
<li>Accordion
<ul>
<li>
<a href="/blazor/accordion/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/accordion/data-binding">Data binding</a>
</li>
<li>
<a href="/blazor/accordion/expand-mode">Expand Mode</a>
</li>
<li>
<a href="/blazor/accordion/animations">Animations</a>
</li>
<li>
<a href="/blazor/accordion/accessibility">Accessibility</a>
</li>
<li>
<a href="/blazor/accordion/style">Style and Appearance</a>
</li>
<li>
<a href="/blazor/accordion/content-render-mode">Content Render Mode</a>
</li>
<li>How To
<ul>
<li>
<a href="/blazor/accordion/how-to/add-remove-accordion-items">Add/Remove Accordion Items</a>
</li>
<li>
<a href="/blazor/accordion/how-to/show-hide-accordion-item">Show/Hide Accordion Item</a>
</li>
<li>
<a href="/blazor/accordion/how-to/enable-disable-accordion-item">Enable or Disable item</a>
</li>
<li>
<a href="/blazor/accordion/how-to/add-icon-to-accordion-header">Add Icon to Header</a>
</li>
<li>
<a href="/blazor/accordion/how-to/prevent-expand-collapse-accordion-item">Prevent Expand or Collapse Item</a>
</li>
<li>
<a href="/blazor/accordion/how-to/add-nested-accordion">Add Nested Accordion</a>
</li>
<li>
<a href="/blazor/accordion/how-to/create-wizard-using-accordion">Create Wizard</a>
</li>
<li>
<a href="/blazor/accordion/how-to/integrate-treeview-inside-the-accordion">Treeview Integration</a>
</li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfAccordion.html"> API Reference</a>
</li>
</ul>
</li>
<li>Accumulation Chart
<ul>
<li>
<a href="/blazor/accumulation-chart/getting-started">Getting Started</a>
</li>
<li>Chart Types
<ul>
<li>
<a href="/blazor/accumulation-chart/chart-types/pie-doughnut">Pie and Doughnut</a>
</li>
<li>
<a href="/blazor/accumulation-chart/chart-types/pyramid">Pyramid</a>
</li>
<li>
<a href="/blazor/accumulation-chart/chart-types/funnel">Funnel</a>
</li>
</ul>
</li>
<li>
<a href="/blazor/accumulation-chart/data-label">Data Label</a>
</li>
<li>
<a href="/blazor/accumulation-chart/grouping">Grouping</a>
</li>
<li>
<a href="/blazor/accumulation-chart/empty-points">Empty Points</a>
</li>
<li>
<a href="/blazor/accumulation-chart/annotation">Annotation</a>
</li>
<li>
<a href="/blazor/accumulation-chart/animation">Animation</a>
</li>
<li>
<a href="/blazor/accumulation-chart/tool-tip">Tooltip</a>
</li>
<li>
<a href="/blazor/accumulation-chart/legend">Legend</a>
</li>
<li>
<a href="/blazor/accumulation-chart/title-and-sub-title">Title and Subtitle</a>
</li>
<li>
<a href="/blazor/accumulation-chart/chart-print">Print and Export</a>
</li>
<li>
<a href="/blazor/accumulation-chart/events">Events</a>
</li>
<li>How To
<ul>
<li>
<a href="/blazor/accumulation-chart/how-to/do-nut">Text placing center of the doughnut</a>
</li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Charts.SfAccumulationChart.html"> API Reference</a>
</li>
</ul>
</li>
<li>AutoComplete
<ul>
<li>
<a href="/blazor/autocomplete/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/autocomplete/data-binding"> Data Binding</a>
</li>
<li>
<a href="/blazor/autocomplete/data-source">Data Source</a>
</li>
<li>
<a href="/blazor/autocomplete/grouping">Grouping</a>
</li>
<li>
<a href="/blazor/autocomplete/filtering">Filtering</a>
</li>
<li>
<a href="/blazor/autocomplete/templates">Templates</a>
</li>
<li>
<a href="/blazor/autocomplete/localization">Localization</a>
</li>
<li>
<a href="/blazor/autocomplete/style">Style and Appearance</a>
</li>
<li>
<a href="/blazor/autocomplete/virtualization">Virtualization</a>
</li>
<li>
<a href="/blazor/autocomplete/native-events">Native Events</a>
</li>
<li>
<a href="/blazor/autocomplete/accessibility">Accessibility</a>
</li>
<li>
<a href="/blazor/autocomplete/events">Events</a>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.DropDowns.SfAutoComplete-2.html"> API Reference</a>
</li>
</ul>
</li>
<li>Avatar
<ul>
<li>
<a href="/blazor/avatar/getting-started">Getting Started</a>
</li>
</ul>
</li>
<li>Badge
<ul>
<li>
<a href="/blazor/badge/getting-started">Getting Started</a>
</li>
</ul>
</li>
<li>Barcode
<ul>
<li>
<a href="/blazor/barcode/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/barcode/barcodeGenerator">Barcode Generator</a>
</li>
<li>
<a href="/blazor/barcode/qrcodegenerator">QR Code generator</a>
</li>
<li>
<a href="/blazor/barcode/datamatrixgenerator">Data Matrix Generator</a>
</li>
<li>
<a href="/blazor/barcode/export">Export</a>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.BarcodeGenerator.SfBarcodeGenerator.html"> API Reference</a>
</li>
</ul>
</li>
<li>Breadcrumb
<ul>
<li>
<a href="/blazor/breadcrumb/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/breadcrumb/breadcrumb-items">Breadcrumb Items</a>
</li>
<li>
<a href="/blazor/breadcrumb/icons">Icons</a>
</li>
<li>
<a href="/blazor/breadcrumb/navigation">Navigations</a>
</li>
<li>
<a href="/blazor/breadcrumb/overflow">Overflow</a>
</li>
<li>
<a href="/blazor/breadcrumb/templates">Templates</a>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfBreadcrumb.html"> API Reference</a>
</li>
</ul>
</li>
<li>Bullet Chart
<ul>
<li>
<a href="/blazor/bullet-chart/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/bullet-chart/bullet-chart-dimensions">Dimensions</a>
</li>
<li>
<a href="/blazor/bullet-chart/axis-customization">Axis Customization</a>
</li>
<li>
<a href="/blazor/bullet-chart/data-binding">Working with Data</a>
</li>
<li>
<a href="/blazor/bullet-chart/ranges">Ranges</a>
</li>
<li>
<a href="/blazor/bullet-chart/actual-bar">Actual Bar</a>
</li>
<li>
<a href="/blazor/bullet-chart/target-bar">Target Bar</a>
</li>
<li>
<a href="/blazor/bullet-chart/title">Title and Subtitle</a>
</li>
<li>
<a href="/blazor/bullet-chart/customization">Customization</a>
</li>
<li>
<a href="/blazor/bullet-chart/data-label">Data Labels</a>
</li>
<li>
<a href="/blazor/bullet-chart/tool-tip">Tooltip</a>
</li>
<li>
<a href="/blazor/bullet-chart/legend">Legend</a>
</li>
<li>
<a href="/blazor/bullet-chart/events">Events</a>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Charts.SfBulletChart-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>Button
<ul>
<li>
<a href="/blazor/button/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/button/native-event">Native Events</a>
</li>
<li>
<a href="/blazor/button/types-and-styles">Types and Styles</a>
</li>
<li>
<a href="/blazor/button/style-and-appearance">Styles and Appearances</a>
</li>
<li>How To
<ul>
<li>
<a href="/blazor/button/how-to/create-a-block-button">Create a Block Button</a>
</li>
<li>
<a href="/blazor/button/how-to/customize-button-appearance">Customize Button Appearance</a>
</li>
<li>
<a href="/blazor/button/how-to/html-attribute-support">HTML Attribute Support</a>
</li>
<li>
<a href="/blazor/button/how-to/repeat-button">Repeat Button</a>
</li>
<li>
<a href="/blazor/button/how-to/right-to-left">Right-To-Left</a>
</li>
<li>
<a href="/blazor/button/how-to/set-the-disabled-state">Set the disabled state</a>
</li>
<li>
<a href="/blazor/button/how-to/tooltip-for-button">Tooltip for Button</a>
</li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Buttons.SfButton.html"> API Reference</a>
</li>
</ul>
</li>
<li>ButtonGroup
<ul>
<li>
<a href="/blazor/button-group/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/button-group/types-and-styles">Types and Styles</a>
</li>
<li>
<a href="/blazor/button-group/selection-and-nesting">Selection and Nesting</a>
</li>
<li>
<a href="/blazor/button-group/style-and-appearance">Styles and Appearances</a>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.SplitButtons.SfButtonGroup.html"> API Reference</a>
</li>
</ul>
</li>
<li>Calendar
<ul>
<li>
<a href="/blazor/calendar/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/calendar/data-binding">Data Binding</a>
</li>
<li>
<a href="/blazor/calendar/date-range">Data Range</a>
</li>
<li>
<a href="/blazor/calendar/multi-select">Multi Selection</a>
</li>
<li>
<a href="/blazor/calendar/calendar-views">Calendar Views</a>
</li>
<li>
<a href="/blazor/calendar/accessibility">Accessibility</a>
</li>
<li>
<a href="/blazor/calendar/globalization">Globalization</a>
</li>
<li>
<a href="/blazor/calendar/events">Events</a>
</li>
<li>
<a href="/blazor/calendar/special-dates">Special Dates</a>
</li>
<li>How To
<ul>
<li>
<a href="/blazor/calendar/how-to/show-dates-of-other-months">Show Dates of Other Months</a>
</li>
<li>
<a href="/blazor/calendar/how-to/render-the-calendar-with-week-numbers">Render the Calendar with Week Numbers</a>
</li>
<li>
<a href="/blazor/calendar/how-to/change-the-first-day-of-week">Change the First Day of Week</a>
</li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Calendars.SfCalendar-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>Card
<ul>
<li>
<a href="/blazor/card/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/card/header-content">Header and Content</a>
</li>
<li>
<a href="/blazor/card/card-image">Image and Divider</a>
</li>
<li>
<a href="/blazor/card/action-buttons">Action Buttons</a>
</li>
<li>
<a href="/blazor/card/horizontal">Horizontal Card</a>
</li>
<li>
<a href="/blazor/card/style">Style and Appearance</a>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Cards.SfCard.html"> API Reference</a>
</li>
</ul>
</li>
<li>Charts
<ul>
<li>
<a href="/blazor/chart/getting-started">Getting Started (Server)</a>
</li>
<li>
<a href="/blazor/chart/getting-started-wasm">Getting Started (WebAssembly)</a>
</li>
<li>
<a href="/blazor/chart/working-with-data">Working with Data</a>
</li>
<li>
<a href="/blazor/chart/chart-dimensions">Chart Dimensions</a>
</li>
<li>
<a href="/blazor/chart/category-axis">Category Axis</a>
</li>
<li>
<a href="/blazor/chart/numeric-axis">Numeric Axis</a>
</li>
<li>
<a href="/blazor/chart/date-time-axis">DateTime Axis</a>
</li>
<li>
<a href="/blazor/chart/logarithmic-axis">Logarithmic Axis</a>
</li>
<li>
<a href="/blazor/chart/axis-labels">Axis Labels</a>
</li>
<li>
<a href="/blazor/chart/axis-customization">Axis Customization</a>
</li>
<li>
<a href="/blazor/chart/strip-line">Stripline</a>
</li>
<li>
<a href="/blazor/chart/multiple-panes">Multiple Panes</a>
</li>
<li>Chart Types
<ul>
<li>
<a href="/blazor/chart/chart-types/line">Line</a>
</li>
<li>
<a href="/blazor/chart/chart-types/step-line">Step Line</a>
</li>
<li>
<a href="/blazor/chart/chart-types/stacked-line">Stacked Line</a>
</li>
<li>
<a href="/blazor/chart/chart-types/stack-line">100% Stacked Line</a>
</li>
<li>
<a href="/blazor/chart/chart-types/spline">Spline</a>
</li>
<li>
<a href="/blazor/chart/chart-types/area">Area</a>
</li>
<li>
<a href="/blazor/chart/chart-types/range-area">Range Area</a>
</li>
<li>
<a href="/blazor/chart/chart-types/stacked-area">Stacked Area</a>
</li>
<li>
<a href="/blazor/chart/chart-types/stack-area">100% Stacked Area</a>
</li>
<li>
<a href="/blazor/chart/chart-types/step-area">Step Area</a>
</li>
<li>
<a href="/blazor/chart/chart-types/spline-area">Spline Area</a>
</li>
<li>
<a href="/blazor/chart/chart-types/column">Column</a>
</li>
<li>
<a href="/blazor/chart/chart-types/range-column">Range Column</a>
</li>
<li>
<a href="/blazor/chart/chart-types/stacked-column">Stacked Column</a>
</li>
<li>
<a href="/blazor/chart/chart-types/stack-column">100% Stacked Column</a>
</li>
<li>
<a href="/blazor/chart/chart-types/bar">Bar Charts</a>
</li>
<li>
<a href="/blazor/chart/chart-types/stacked-bar">Stacked Bar</a>
</li>
<li>
<a href="/blazor/chart/chart-types/stack-bar">100% Stacked Bar</a>
</li>
<li>
<a href="/blazor/chart/chart-types/scatter">Scatter</a>
</li>
<li>
<a href="/blazor/chart/chart-types/bubble">Bubble</a>
</li>
<li>
<a href="/blazor/chart/chart-types/polar">Polar</a>
</li>
<li>
<a href="/blazor/chart/chart-types/radar">Radar</a>
</li>
<li>
<a href="/blazor/chart/chart-types/high-low">Hilo</a>
</li>
<li>
<a href="/blazor/chart/chart-types/high-low-open-close">High Low Open Close</a>
</li>
<li>
<a href="/blazor/chart/chart-types/candle">Candle</a>
</li>
<li>
<a href="/blazor/chart/chart-types/box-whisker">Box and Whisker</a>
</li>
<li>
<a href="/blazor/chart/chart-types/waterfall">Waterfall</a>
</li>
<li>
<a href="/blazor/chart/chart-types/histogram">Histogram</a>
</li>
<li>
<a href="/blazor/chart/chart-types/error-bar">Error Bar</a>
</li>
<li>
<a href="/blazor/chart/chart-types/vertical-chart">Vertical Chart</a>
</li>
<li>
<a href="/blazor/chart/chart-types/pare-to">Pareto</a>
</li>
</ul>
</li>
<li>
<a href="/blazor/chart/chart-series">Mixed Chart</a>
</li>
<li>
<a href="/blazor/chart/data-markers">Markers</a>
</li>
<li>
<a href="/blazor/chart/data-labels">Data Labels</a>
</li>
<li>
<a href="/blazor/chart/data-label-template">Datalabel Template</a>
</li>
<li>
<a href="/blazor/chart/chart-annotations">Annotation</a>
</li>
<li>
<a href="/blazor/chart/chart-appearance">Appearance</a>
</li>
<li>
<a href="/blazor/chart/legend">Legend</a>
</li>
<li>
<a href="/blazor/chart/tool-tip">Tooltip</a>
</li>
<li>
<a href="/blazor/chart/zooming">Zooming</a>
</li>
<li>
<a href="/blazor/chart/data-editing">Data Editing</a>
</li>
<li>
<a href="/blazor/chart/cross-hair-and-track-ball">Crosshair and Trackball</a>
</li>
<li>
<a href="/blazor/chart/selection">Selection</a>
</li>
<li>
<a href="/blazor/chart/chart-print">Print and Export</a>
</li>
<li>
<a href="/blazor/chart/technical-indicators">Technical Indicators</a>
</li>
<li>
<a href="/blazor/chart/trend-lines">Trendlines</a>
</li>
<li>
<a href="/blazor/chart/internationalization">Internationalization</a>
</li>
<li>
<a href="/blazor/chart/localization">Localization</a>
</li>
<li>
<a href="/blazor/chart/events">Events</a>
</li>
<li>How To
<ul>
<li>
<a href="/blazor/chart/how-to/add-remove">Add or Remove Series</a>
</li>
<li>
<a href="/blazor/chart/how-to/lazy-loading">Lazy Loading</a>
</li>
<li>
<a href="/blazor/chart/how-to/tool-tip-table">Table in Tooltip</a>
</li>
<li>
<a href="/blazor/chart/how-to/selected-data">Visualize grid data in chart</a>
</li>
<li>
<a href="/blazor/chart/how-to/threshold">Threshold in Chart</a>
</li>
<li>
<a href="/blazor/chart/how-to/live-chart">Live Chart</a>
</li>
<li>
<a href="/blazor/chart/how-to/axis-hide">Hiding Axis</a>
</li>
<li>
<a href="/blazor/chart/how-to/convert-millisecond-to-date-time">Convert millisecond to date time</a>
</li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Charts.SfChart.html"> API Reference</a>
</li>
</ul>
</li>
<li>CheckBox
<ul>
<li>
<a href="/blazor/check-box/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/check-box/native-event">Native Events</a>
</li>
<li>
<a href="/blazor/check-box/label-and-size">Label and Size</a>
</li>
<li>
<a href="/blazor/check-box/accessibility">Accessibility</a>
</li>
<li>
<a href="/blazor/check-box/style-and-appearance">Styles and Appearances</a>
</li>
<li>How To
<ul>
<li>
<a href="/blazor/check-box/how-to/customized-checkbox">Customized Checkbox</a>
</li>
<li>
<a href="/blazor/check-box/how-to/checkbox-model-binding">Checkbox Model Binding</a>
</li>
<li>
<a href="/blazor/check-box/how-to/right-to-left">Right-To-Left</a>
</li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Buttons.SfCheckBox-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>Chip
<ul>
<li>
<a href="/blazor/chip/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/chip/types">Types</a>
</li>
<li>
<a href="/blazor/chip/customization">Customization</a>
</li>
<li>
<a href="/blazor/chip/style">CSS Structure</a>
</li>
<li>
<a href="/blazor/chip/accessibility">Accessibility</a>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Buttons.SfChip.html"> API Reference</a>
</li>
</ul>
</li>
<li>Circular Gauge
<ul>
<li>
<a href="/blazor/circular-gauge/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/circular-gauge/dimensions">Dimensions</a>
</li>
<li>
<a href="/blazor/circular-gauge/axes">Axes</a>
</li>
<li>
<a href="/blazor/circular-gauge/ranges">Ranges</a>
</li>
<li>
<a href="/blazor/circular-gauge/pointers">Pointers</a>
</li>
<li>
<a href="/blazor/circular-gauge/annotations">Annotations</a>
</li>
<li>
<a href="/blazor/circular-gauge/legend">Legend</a>
</li>
<li>
<a href="/blazor/circular-gauge/user-interaction">User Interaction</a>
</li>
<li>
<a href="/blazor/circular-gauge/print">Print and Export</a>
</li>
<li>
<a href="/blazor/circular-gauge/appearance">Appearance</a>
</li>
<li>
<a href="/blazor/circular-gauge/accessibility">Accessibility</a>
</li>
<li>
<a href="/blazor/circular-gauge/globalization">Globalization</a>
</li>
<li>
<a href="/blazor/circular-gauge/events">Events</a>
</li>
<li>
<a href="/blazor/circular-gauge/methods">Methods</a>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.CircularGauge.SfCircularGauge.html"> API Reference</a>
</li>
</ul>
</li>
<li>Color Picker
<ul>
<li>
<a href="/blazor/color-picker/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/color-picker/accessibility">Accessibility</a>
</li>
<li>
<a href="/blazor/color-picker/inline-rendering">Inline Rendering</a>
</li>
<li>
<a href="/blazor/color-picker/mode-and-value">Mode and Value</a>
</li>
<li>
<a href="/blazor/color-picker/localization">Localization and RTL</a>
</li>
<li>
<a href="/blazor/color-picker/style-and-appearance">Styles and Appearances</a>
</li>
<li>How To
<ul>
<li>
<a href="/blazor/color-picker/how-to/customize-color-picker">Customize Color Picker</a>
</li>
<li>
<a href="/blazor/color-picker/how-to/disable-color-picker">Disable Color Picker</a>
</li>
<li>
<a href="/blazor/color-picker/how-to/no-color-support">Handle No Color Support</a>
</li>
<li>
<a href="/blazor/color-picker/how-to/hide-control-buttons">Hide control buttons</a>
</li>
<li>
<a href="/blazor/color-picker/how-to/render-palette-alone">Render palette alone</a>
</li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Inputs.SfColorPicker.html"> API Reference</a>
</li>
</ul>
</li>
<li>ComboBox
<ul>
<li>
<a href="/blazor/combobox/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/combobox/data-binding">Data Binding</a>
</li>
<li>
<a href="/blazor/combobox/data-source">Data Source</a>
</li>
<li>
<a href="/blazor/combobox/grouping">Grouping</a>
</li>
<li>
<a href="/blazor/combobox/filtering">Filtering</a>
</li>
<li>
<a href="/blazor/combobox/templates">Templates</a>
</li>
<li>
<a href="/blazor/combobox/localization">Localization</a>
</li>
<li>
<a href="/blazor/combobox/style">Style and Appearance</a>
</li>
<li>
<a href="/blazor/combobox/virtualization">Virtualization</a>
</li>
<li>
<a href="/blazor/combobox/custom-value">Custom Value</a>
</li>
<li>
<a href="/blazor/combobox/native-events">Native Events</a>
</li>
<li>
<a href="/blazor/combobox/accessibility">Accessibility</a>
</li>
<li>
<a href="/blazor/combobox/events">Events</a>
</li>
<li>How To
<ul>
<li>
<a href="/blazor/combobox/how-to/tooltip">DropDownList options with tooltip</a>
</li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.DropDowns.SfComboBox-2.html"> API Reference</a>
</li>
</ul>
</li>
<li>ContextMenu
<ul>
<li>
<a href="/blazor/context-menu/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/context-menu/accessibility">Accessibility</a>
</li>
<li>
<a href="/blazor/context-menu/customizing-and-multilevel-nesting">Customizing and Multilevel nesting</a>
</li>
<li>
<a href="/blazor/context-menu/icons-and-navigations">Icons and Navigation</a>
</li>
<li>
<a href="/blazor/context-menu/style-and-appearance">Styles and Appearances</a>
</li>
<li>How To
<ul>
<li>
<a href="/blazor/context-menu/how-to/bind-menu-events">Bind Context Menu Events</a>
</li>
<li>
<a href="/blazor/context-menu/how-to/change-animation-settings">Change animation settings</a>
</li>
<li>
<a href="/blazor/context-menu/how-to/data-binding">Data Binding</a>
</li>
<li>
<a href="/blazor/context-menu/how-to/enable-or-disable-context-menu-items">Enable/Disable Context Menu items</a>
</li>
<li>
<a href="/blazor/context-menu/how-to/open-dialog">Open a dialog on Context Menu item click</a>
</li>
<li>
<a href="/blazor/context-menu/how-to/open-context-menu-click">Open Sub Menu on Context Menu Item Click</a>
</li>
<li>
<a href="/blazor/context-menu/how-to/open-and-close-context-menu">Open and close Context Menu</a>
</li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfContextMenu-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>Dashboard Layout
<ul>
<li>
<a href="/blazor/dashboard-layout/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/dashboard-layout/setting-size-of-cells">Configuring the Grid Layout</a>
</li>
<li>Panels
<ul>
<li>
<a href="/blazor/dashboard-layout/panels/position-sizing-of-panels">Size and Position</a>
</li>
<li>
<a href="/blazor/dashboard-layout/panels/setting-header-of-panels">Header and Content</a>
</li>
</ul>
</li>
<li>Interaction With Panels
<ul>
<li>
<a href="/blazor/dashboard-layout/interaction-with-panels/dragging-moving-of-panels">Drag and Drop</a>
</li>
<li>
<a href="/blazor/dashboard-layout/interaction-with-panels/resizing-of-panels">Resizing Panels</a>
</li>
<li>
<a href="/blazor/dashboard-layout/interaction-with-panels/floating-of-panels">Floating Panels</a>
</li>
</ul>
</li>
<li>
<a href="/blazor/dashboard-layout/responsive-adaptive">Responsive and Adaptive Layout</a>
</li>
<li>
<a href="/blazor/dashboard-layout/style">CSS Structure</a>
</li>
<li>
<a href="/blazor/dashboard-layout/accessibility">Accessibility</a>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Layouts.SfDashboardLayout.html"> API Reference</a>
</li>
</ul>
</li>
<li>DataManager
<ul>
<li>
<a href="/blazor/data/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/data/data-binding">Data Binding</a>
</li>
<li>
<a href="/blazor/data/adaptors">Adaptors</a>
</li>
<li>
<a href="/blazor/data/custom-binding">Custom Binding</a>
</li>
<li>How To
<ul>
<li>
<a href="/blazor/data/how-to/adding-custom-headers">Adding custom headers</a>
</li>
<li>
<a href="/blazor/data/how-to/offline-mode">Working in offline mode</a>
</li>
</ul>
</li>>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Data.SfDataManager.html"> API Reference</a>
</li>
</ul>
</li>
<li>DataGrid
<ul>
<li>
<a href="/blazor/datagrid/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/datagrid/data-binding">Data Binding</a>
</li>
<li>
<a href="/blazor/datagrid/custom-binding">Custom Binding</a>
</li>
<li>
<a href="/blazor/datagrid/data-annotation">Data Annotation</a>
</li>
<li> <a href="/blazor/datagrid/columns">Columns</a>
<ul>
<li><a href="/blazor/datagrid/column-chooser">Column Chooser</a></li>
<li><a href="/blazor/datagrid/column-resizing">Column Resizing</a></li>
<li><a href="/blazor/datagrid/column-template">Column Template</a></li>
<li><a href="/blazor/datagrid/column-reorder">Column Reorder</a></li>
<li><a href="/blazor/datagrid/column-menu">Column Menu</a></li>
</ul>
</li>
<li>
<a href="/blazor/datagrid/row">Row</a>
</li>
<li>
<a href="/blazor/datagrid/cell">Cell</a>
</li>
<li>
<a href="/blazor/datagrid/templates">Templates</a>
</li>
<li>
<a href="/blazor/datagrid/grouping">Grouping</a>
</li>
<li>
<a href="/blazor/datagrid/filtering">Filtering</a>
</li>
<li>
<a href="/blazor/datagrid/sorting">Sorting</a>
</li>
<li>
<a href="/blazor/datagrid/searching">Searching</a>
</li>
<li>
<a href="/blazor/datagrid/editing">Editing</a>
</li>
<li>
<a href="/blazor/datagrid/paging">Paging</a>
</li>
<li>
<a href="/blazor/datagrid/scrolling">Scrolling</a>
</li>
<li>
<a href="/blazor/datagrid/virtualization">Virtualization</a>
</li>
<li>
<a href="/blazor/datagrid/selection">Selection</a>
</li>
<li>
<a href="/blazor/datagrid/aggregates">Aggregates</a>
</li>
<li>
<a href="/blazor/datagrid/print">Print</a>
</li>
<li>
<a href="/blazor/datagrid/adaptive-layout">Adaptive Layout</a>
</li>
<li>
<a href="/blazor/datagrid/state-management">State Management</a>
</li>
<li>
<a href="/blazor/datagrid/global-local">Globalization</a>
</li>
<li>
<a href="/blazor/datagrid/tool-bar">Toolbar</a>
</li>
<li>
<a href="/blazor/datagrid/pdf-export">Export to PDF</a>
</li>
<li>
<a href="/blazor/datagrid/excel-exporting">Export to Excel</a>
</li>
<li>
<a href="/blazor/datagrid/clipboard">Clipboard</a>
</li>
<li>
<a href="/blazor/datagrid/context-menu">Context Menu</a>
</li>
<li>
<a href="/blazor/datagrid/accessibility">Accessibility</a>
</li>
<li>
<a href="/blazor/datagrid/webassembly-performance">WebAssembly Performance</a>
</li>
<li>
<a href="/blazor/datagrid/events">Events</a>
</li>
<li>How To
<ul>
<li>
<a href="/blazor/datagrid/how-to/blazor-webassembly-data-grid-using-cli">Getting Started-Client side using CLI</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/server-side-using-cli">Getting Started-Server side using CLI</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/blazor-webassembly-datagrid-using-visual-studio">Getting Started-Client side using Visual Studio</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/show-or-hide-columns-in-dialog-editing">Show or Hide columns in Dialog editing</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/tool-bar-with-drop-down-list">Create custom toolbar with drop-down list</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/customize-column-styles">Customize Column Styles</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/access-public-methods">Access public methods in datagrid</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/change-datasource-dynamically">Change datasource dynamically</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/custom-control-in-grid-toolbar">Custom control in datagrid toolbar</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/grid-customization">DataGrid customization</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/prevent-default-grid-action">Prevent default datagrid action</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/rowcell-index">Get index value of selected rowcell</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/select-grid-rows-based-on-condition">Select datagrid rows based on certain condition</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/customize-icon-column-menu">Customize column menu icon</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/group-column-chooser-items">Group column chooser items</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/calculate-column-value-based-on-other-columns">Calculate column value based on other columns</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/using-dictionary-values-in-grid-datasource">Using dictionary values in datagrid datasource</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/upgrade-application-to-latest-version">Upgrade Application To Latest Version</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/custom-toolbar-items-with-text-name-same-as-default-toolbar-items">Custom toolbar items with text name same as default toolbar items</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/render-grid-inside-tab-with-specific-height">Render DataGrid inside the Tab with specific height</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/provide-custom-data-source-and-enable-filter-option-for-drop-down-list">Provide custom data source and enabling filtering for DropDownList</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/single-click-editing-with-batch-mode">Single click editing with Batch mode</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/cascading-dropdownlist-with-grid-editing">Cascading DropDownList with DataGrid editing</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/editing-with-template-column">Editing with template column</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/hide-grid-header">Hide DataGrid Header</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/display-custom-tool-tip-in-grid-cell">Display Custom Tooltip in DataGrid cell</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/grid-styling">Styling and appearance</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/customize-empty-grid-display-message">Customize empty grid display message</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/save-new-row-at-particular-index-in-page">Saving a new row at a particular index of the grid page</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/customize-filter-choice-count-in-excel-filter-dialog">Customize filter choice items count for Excel filter dialog</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/custom-delete-confirmation-dialog">Custom delete confirmation dialog</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/create-custom-grid-component">Create custom Grid component</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/effectively-add-range-of-items-to-observable-collection">Effectively add a range of items into ObservableCollection</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/hide-command-column-based-on-record-detail">Hide command column in record based on record detail</a>
</li>
<li>
<a href="/blazor/datagrid/how-to/hide-detail-template-icon-when-record-details-has-no-record">Hide detail template icon when record details has no record</a>
</li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>DatePicker
<ul>
<li>
<a href="/blazor/datepicker/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/datepicker/data-binding">Data Binding</a>
</li>
<li>
<a href="/blazor/datepicker/date-range">Date Range</a>
</li>
<li>
<a href="/blazor/datepicker/date-format"> Date Format</a>
</li>
<li>
<a href="/blazor/datepicker/view">Start and Depth View</a>
</li>
<li>
<a href="/blazor/datepicker/globalization">Globalization</a>
</li>
<li>
<a href="/blazor/datepicker/strict-mode">Strict Mode</a>
</li>
<li>
<a href="/blazor/datepicker/native-events">Native Events</a>
</li>
<li>
<a href="/blazor/datepicker/accessibility">Accessibility</a>
</li>
<li>
<a href="/blazor/datepicker/events">Events</a>
</li>
<li>
<a href="/blazor/datepicker/week-number">Week Number</a>
</li>
<li>
<a href="/blazor/datepicker/special-dates">Special Dates</a>
</li>
<li>How To
<ul>
<li>
<a href="/blazor/datepicker/how-to/disabled-the-datepicker-component">Disabled the DatePicker Component</a>
</li>
<li>
<a href="/blazor/datepicker/how-to/set-the-placeholder">Set the Placeholder</a>
</li>
<li>
<a href="/blazor/datepicker/how-to/set-the-readonly">Set the Readonly</a>
</li>
<li>
<a href="/blazor/datepicker/how-to/open-datepicker-popup-on-input-click">Open the DatePicker popup upon focusing input of DatePicker</a>
</li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Calendars.SfDatePicker-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>DateRangePicker
<ul>
<li>
<a href="/blazor/daterangepicker/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/daterangepicker/data-binding">Data Binding</a>
</li>
<li>
<a href="/blazor/daterangepicker/range-restriction">Range Restriction</a>
</li>
<li>
<a href="/blazor/daterangepicker/globalization">Globalization</a>
</li>
<li>
<a href="/blazor/daterangepicker/native-events">Native Events</a>
</li>
<li>
<a href="/blazor/daterangepicker/customization">Customization</a>
</li>
<li>
<a href="/blazor/daterangepicker/accessibility">Accessibility</a>
</li>
<li>
<a href="/blazor/daterangepicker/events">Events</a>
</li>
<li>
<a href="/blazor/daterangepicker/week-number">Week Number</a>
</li>
<li>How To
<ul>
<li>
<a href="/blazor/daterangepicker/how-to/disable-the-daterangepicker-component">Disable the DateRangePicker Component</a>
</li>
<li>
<a href="/blazor/daterangepicker/how-to/set-the-placeholder">Set the Placeholder</a>
</li>
<li>
<a href="/blazor/daterangepicker/how-to/customization-using-cssclass">Customization using CssClass</a>
</li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Calendars.SfDateRangePicker-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>Datetime Picker
<ul>
<li>
<a href="/blazor/datetime-picker/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/datetime-picker/data-binding">Data Binding</a>
</li>
<li>
<a href="/blazor/datetime-picker/date-time-range">DateTime Range</a>
</li>
<li>
<a href="/blazor/datetime-picker/globalization">Globalization</a>
</li>
<li>
<a href="/blazor/datetime-picker/native-events">Native Events</a>
</li>
<li>
<a href="/blazor/datetime-picker/strict-mode">Strict Mode</a>
</li>
<li>
<a href="/blazor/datetime-picker/accessibility">Accessibility</a>
</li>
<li>
<a href="/blazor/datetime-picker/events">Events</a>
</li>
<li>
<a href="/blazor/datetime-picker/week-number">Week Number</a>
</li>
<li>
<a href="/blazor/datetime-picker/special-dates">Special Dates</a>
</li>
<li>How To
<ul>
<li>
<a href="/blazor/datetime-picker/how-to/disable-the-datetimepicker-component">Disable the DateTimePicker Component</a>
</li>
<li>
<a href="/blazor/datetime-picker/how-to/set-the-placeholder">Set the Placeholder</a>
</li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Calendars.SfDateTimePicker-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>Diagram
<ul>
<li>
<a href="/blazor/diagram/getting-started">Getting Started</a>
</li>
<li>Nodes
<ul>
<li>
<a href="/blazor/diagram/nodes/nodes">Actions of nodes</a>
</li>
<li>
<a href="/blazor/diagram/nodes/positioning">Positioning</a>
</li>
<li>
<a href="/blazor/diagram/nodes/appearance">Appearance</a>
</li>
<li>
<a href="/blazor/diagram/nodes/interaction">Interaction</a>
</li>
<li>
<a href="/blazor/diagram/nodes/events">Events</a>
</li>
</ul>
</li>
<li>
<a href="/blazor/diagram/shapes">Shapes</a>
</li>
<li>Bpmn Shapes
<ul>
<li>
<a href="/blazor/diagram/bpmn-shapes/bpmn-shapes">BPMN Shapes</a>
</li>
<li>
<a href="/blazor/diagram/bpmn-shapes/bpmn-event">BPMN Event</a>
</li>
<li>
<a href="/blazor/diagram/bpmn-shapes/bpmn-gateway">BPMN Gateway</a>
</li>
<li>
<a href="/blazor/diagram/bpmn-shapes/bpmn-activity">BPMN Activity</a>
</li>
<li>
<a href="/blazor/diagram/bpmn-shapes/bpmn-data-object">BPMN Data object</a>
</li>
<li>
<a href="/blazor/diagram/bpmn-shapes/bpmn-data-source">BPMN Datasource</a>
</li>
<li>
<a href="/blazor/diagram/bpmn-shapes/bpmn-text-annotation">BPMN Text Annotation</a>
</li>
<li>
<a href="/blazor/diagram/bpmn-shapes/bpmn-group">BPMN Group</a>
</li>
<li>
<a href="/blazor/diagram/bpmn-shapes/bpmn-connectors">BPMN Connectors</a>
</li>
</ul>
</li>
<li>
<a href="/blazor/diagram/umldiagram">UML Diagram Shapes</a>
</li>
<li>Connectors
<ul>
<li>
<a href="/blazor/diagram/connectors/connectors">Actions of connectors</a>
</li>
<li>
<a href="/blazor/diagram/connectors/segments">Segments</a>
</li>
<li>
<a href="/blazor/diagram/connectors/customization">Customization</a>
</li>
<li>
<a href="/blazor/diagram/connectors/interactions">Interaction</a>
</li>
<li>
<a href="/blazor/diagram/connectors/events">Events</a>
</li>
</ul>
</li>
<li>
<a href="/blazor/diagram/group">Group</a>
</li>
<li>Annotations
<ul>
<li>
<a href="/blazor/diagram/annotations/labels">Actions of annotation</a>
</li>
<li>
<a href="/blazor/diagram/annotations/node-annotation">Annotation for node</a>
</li>
<li>
<a href="/blazor/diagram/annotations/connector-annotation">Annotation for connector</a>
</li>
<li>
<a href="/blazor/diagram/annotations/appearance">Appearance</a>
</li>
<li>
<a href="/blazor/diagram/annotations/interaction">Interaction</a>
</li>
<li>
<a href="/blazor/diagram/annotations/events">Interaction</a>
</li>
</ul>
</li>
<li>Ports
<ul>
<li>
<a href="/blazor/diagram/ports/ports">Actions of port</a>
</li>
<li>
<a href="/blazor/diagram/ports/positioning">Positioning</a>
</li>
<li>
<a href="/blazor/diagram/ports/appearance">Appearance</a>
</li>
<li>
<a href="/blazor/diagram/ports/interaction">Interaction</a>
</li>
</ul>
</li>
<li>
<a href="/blazor/diagram/constraints">Constraints</a>
</li>
<li>
<a href="/blazor/diagram/interaction">Interaction</a>
</li>
<li>
<a href="/blazor/diagram/tools">Tools</a>
</li>
<li>
<a href="/blazor/diagram/grid-lines">Gridlines</a>
</li>
<li>
<a href="/blazor/diagram/page-settings">Page Settings</a>
</li>
<li>
<a href="/blazor/diagram/scroll-settings">Scroll Settings</a>
</li>
<li>
<a href="/blazor/diagram/data-binding">Data Binding</a>
</li>
<li>Layout
<ul>
<li>
<a href="/blazor/diagram/layout/automatic-layout">Automatic layout</a>
</li>
<li>
<a href="/blazor/diagram/layout/hierarchical-layout">Hierarchical layout</a>
</li>
<li>
<a href="/blazor/diagram/layout/organizational-chart">Organizational chart</a>
</li>
<li>
<a href="/blazor/diagram/layout/mind-map">Mind map layout</a>
</li>
<li>
<a href="/blazor/diagram/layout/radial-tree-layout">Radial tree layout</a>
</li>
<li>
<a href="/blazor/diagram/layout/symmetric-layout">Symmetric layout</a>
</li>
<li>
<a href="/blazor/diagram/layout/line-distribution">Line Distribution</a>
</li>
<li>
<a href="/blazor/diagram/layout/linear-arrangement">Linear Arrangement</a>
</li>
</ul>
</li>
<li>
<a href="/blazor/diagram/accessibility">Accessibility</a>
</li>
<li>
<a href="/blazor/diagram/commands">Commands</a>
</li>
<li>
<a href="/blazor/diagram/undo-redo">Undo Redo</a>
</li>
<li>
<a href="/blazor/diagram/events">Events</a>
</li>
<li>
<a href="/blazor/diagram/virtualization">Virtualization</a>
</li>
<li>
<a href="/blazor/diagram/serialization">Serialization</a>
</li>
<li>
<a href="/blazor/diagram/export">Printing and Exporting</a>
</li>
<li>
<a href="/blazor/diagram/tool-tip">Tooltip</a>
</li>
<li>
<a href="/blazor/diagram/layers">Layers</a>
</li>
<li>
<a href="/blazor/diagram/context-menu">Context Menu</a>
</li>
<li>
<a href="/blazor/diagram/ruler">Ruler</a>
</li>
<li>
<a href="/blazor/diagram/user-handle">User Handles</a>
</li>
<li>
<a href="/blazor/diagram/style">CSS Structure</a>
</li>
<li>
<a href="/blazor/diagram/symbol-palette">Symbol Palette</a>
</li>
<li>
<a href="/blazor/diagram/overview">Overview Control</a>
</li>
<li>
<a href="/blazor/diagram/methods">Diagram Methods</a>
</li>
<li>How To
<ul>
<li>
<a href="/blazor/diagram/howTo/style">Styling and Appearance</a>
</li>
<li>
<a href="/blazor/diagram/howTo/blazor-web-assembly-diagram">Blazor WebAssembly Diagram</a>
</li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Diagrams.SfDiagram.html"> API Reference</a>
</li>
</ul>
</li>
<li>Diagram Component
<ul>
<li> <a href="/blazor/diagram-component/getting-started">Getting Started</a> </li>
<li>Nodes
<ul>
<li> <a href="/blazor/diagram-component/nodes/nodes">Action of Nodes</a></li>
<li> <a href="/blazor/diagram-component/nodes/customization">Customization</a></li>
<li> <a href="/blazor/diagram-component/nodes/interaction">Interaction</a></li>
<li> <a href="/blazor/diagram-component/nodes/events">Events</a></li>
<li> <a href="/blazor/diagram-component/nodes/positioning">Positioning</a></li>
</ul>
</li>
<li>
<a href="/blazor/diagram-component/shapes">Shapes</a>
</li>
<!-- <li>Bpmn Shapes
<ul>
<li>
<a href="/blazor/diagram-component/bpmn-shapes/bpmn-shapes">BPMN Shapes</a>
</li>
<li>
<a href="/blazor/diagram-component/bpmn-shapes/bpmn-event">BPMN Event</a>
</li>
<li>
<a href="/blazor/diagram-component/bpmn-shapes/bpmn-gateway">BPMN Gateway</a>
</li>
<li>
<a href="/blazor/diagram-component/bpmn-shapes/bpmn-activity">BPMN Activity</a>
</li>
<li>
<a href="/blazor/diagram-component/bpmn-shapes/bpmn-data-object">BPMN Data object</a>
</li>
<li>
<a href="/blazor/diagram-component/bpmn-shapes/bpmn-data-source">BPMN Datasource</a>
</li>
<li>
<a href="/blazor/diagram-component/bpmn-shapes/bpmn-text-annotation">BPMN Text Annotation</a>
</li>
<li>
<a href="/blazor/diagram-component/bpmn-shapes/bpmn-group">BPMN Group</a>
</li>
<li>
<a href="/blazor/diagram-component/bpmn-shapes/bpmn-connectors">BPMN Connectors</a>
</li>
</ul>
</li> -->
<li>Connectors
<ul>
<li> <a href="/blazor/diagram-component/connectors/connectors">Actions of connectors</a></li>
<li> <a href="/blazor/diagram-component/connectors/segments">Segments</a></li>
<li> <a href="/blazor/diagram-component/connectors/customization">Customization</a></li>
<li> <a href="/blazor/diagram-component/connectors/interactions">Interaction</a></li>
<li> <a href="/blazor/diagram-component/connectors/events">Events</a></li>
</ul>
</li>
<li>
<a href="/blazor/diagram-component/group">Group</a>
</li>
<li>Annotations
<ul>
<li> <a href="/blazor/diagram-component/annotations/labels">Actions of Annotation</a></li>
<li> <a href="/blazor/diagram-component/annotations/node-annotation">Annotation for Node</a></li>
<li> <a href="/blazor/diagram-component/annotations/connector-annotation">Annotation for Connector</a></li>
<li> <a href="/blazor/diagram-component/annotations/appearance">Appearance</a></li>
<li> <a href="/blazor/diagram-component/annotations/events">Events</a></li>
</ul>
</li>
<li>Ports
<ul>
<li> <a href="/blazor/diagram-component/ports/ports">Actions of Ports</a></li>
<li> <a href="/blazor/diagram-component/ports/positioning">Positioning</a></li>
<li> <a href="/blazor/diagram-component/ports/appearance">Appearance</a></li>
<li> <a href="/blazor/diagram-component/ports/interaction">Interaction</a></li>
</ul>
</li>
<li>
<a href="/blazor/diagram-component/constraints">Constraints</a>
</li>
<li>
<a href="/blazor/diagram-component/interaction">Interaction</a>
</li>
<li>
<a href="/blazor/diagram-component/tools">Tools</a>
</li>
<li>
<a href="/blazor/diagram-component/grid-lines">Gridlines</a>
</li>
<li>
<a href="/blazor/diagram-component/data-binding">Data Binding</a>
</li>
<li>Layout
<ul>
<li>
<a href="/blazor/diagram-component/layout/automatic-layout">Automatic Layout</a>
</li>
<li>
<a href="/blazor/diagram-component/layout/hierarchical-layout">Hierarchical Layout</a>
</li>
<li>
<a href="/blazor/diagram-component/layout/organizational-chart">Organizational Chart</a>
</li>
<li>
<a href="/blazor/diagram-component/layout/mind-map">Mind Map Layout</a>
</li>
</ul>
</li>
<li>
<a href="/blazor/diagram-component/commands">Commands</a>
</li>
<li>
<a href="/blazor/diagram-component/undo-redo">Undo Redo</a>
</li>
<li>
<a href="/blazor/diagram-component/user-handle">User Handles</a>
</li>
<li>
<a href="/blazor/diagram-component/symbol-palette">Symbol Palette</a>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Diagram.SfDiagramComponent.html"> API Reference</a>
</li>
</ul>
</li>
<li>Dialog
<ul>
<li>
<a href="/blazor/dialog/getting-started">Getting Started</a>
</li>
<li>
<a href="/blazor/dialog/draggable">Draggable</a>
</li>
<li>
<a href="/blazor/dialog/resize">Resizing</a>
</li>
<li>
<a href="/blazor/dialog/positioning">Positioning</a>
</li>
<li>
<a href="/blazor/dialog/template">Templates</a>
</li>
<li>
<a href="/blazor/dialog/animation">Animation</a>
</li>
<li>
<a href="/blazor/dialog/style">Style and Appearance</a>
</li>
<li>
<a href="/blazor/dialog/localization">Localization</a>
</li>
<li>
<a href="/blazor/dialog/accessibility">Accessibility</a>
</li>
<li>
<a href="/blazor/dialog/events">Events</a>
</li>
<li>How To
<ul>
<li><a href="/blazor/dialog/how-to/create-nested-dialog">Create nested Dialog</a></li>
<li><a href="/blazor/dialog/how-to/achieve-two-way-binding-to-the-visible-property">Achieve two-way binding using the visible property</a></li>
<li><a href="/blazor/dialog/how-to/position-the-dialog-on-center-of-the-page-on-scrolling">Position the Dialog in center of the page on scrolling</a></li>
<li><a href="/blazor/dialog/how-to/render-a-dialog-header-dynamically">Render a dialog header dynamically</a></li>
<li><a href="/blazor/dialog/how-to/show-dialog-with-fullscreen">Show Dialog with fullscreen</a></li>
<li><a href="/blazor/dialog/how-to/display-a-dialog-with-custom-position">Display a Dialog with custom position</a></li>
<li><a href="/blazor/dialog/how-to/prevent-closing-of-modal-dialog">Prevent closing of modal Dialog</a></li>
<li><a href="/blazor/dialog/how-to/prevent-the-focus-on-the-first-element">Prevent the focus on the first element</a></li>
<li><a href="/blazor/dialog/how-to/prevent-opening-of-the-dialog">Open a Dialog on condition</a></li>
<li><a href="/blazor/dialog/how-to/customize-the-dialog-appearance">Customize the Dialog appearance</a></li>
<li><a href="/blazor/dialog/how-to/close-dialog-while-click-on-outside-of-dialog">Close Dialog when clicking outside of its region</a></li>
<li><a href="/blazor/dialog/how-to/add-an-icons-to-dialog-buttons">Add an icons to Dialog buttons</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Popups.SfDialog.html"> API Reference</a>
</li>
</ul>
</li>
<li>DocIO
<ul>
<li><a href="https://help.syncfusion.com/file-formats/docio/overview">Overview</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/assemblies-required">Assemblies Required</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/nuget-packages-required">NuGet Packages Required</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/create-word-document-in-blazor">Getting Started</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/working-with-word-document">Working with Word Document</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/working-with-sections">Working with Sections</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/working-with-paragraph">Working with Paragraphs</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/working-with-tables">Working with Tables</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/working-with-bookmarks">Working with Bookmarks</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/working-with-fields">Working with Field</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/working-with-shapes">Working with Shapes</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/working-with-mail-merge">Working with Mail Merge</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/working-with-find-and-replace">Working with Find and Replace</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/working-with-table-of-contents">Working with Table Of Contents</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/applying-watermark">Working with Watermark</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/working-with-comments">Working with Comments</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/working-with-form-fields">Working with Form Fields</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/working-with-charts">Working with Chart</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/working-with-security">Working with Security</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/working-with-footnotes-and-endnotes">Working with Footnotes and endnotes</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/working-with-macros">Working with Macros</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/working-with-content-controls">Working with Content Controls</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/accepting-or-rejecting-track-changes">Accepting Or Rejecting Track Changes</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/word-file-formats">Word File Formats</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/word-to-pdf">Word Document To PDF</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/rtf">RTF Conversion</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/text">Text Conversion</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/html">HTML Conversion</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/word-to-odt">Word Document To ODT Conversion</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/supported-and-unsupported-features">Supported and Unsupported Features</a></li>
<li><a href="https://help.syncfusion.com/file-formats/docio/faq">FAQ</a></li>
</ul>
</li>
<li>DocumentEditor
<ul>
<li>Getting Started
<ul>
<li> <a href="/blazor/document-editor/getting-started/features">Features</a></li>
<li> <a href="/blazor/document-editor/getting-started/server-side-application">Server App in Visual Studio 2019</a></li>
<li> <a href="/blazor/document-editor/getting-started/client-side-application">WebAssembly App in Visual Studio 2019</a></li>
</ul>
</li>
<li> <a href="/blazor/document-editor/opening-a-document">Opening a Document</a></li>
<li> <a href="/blazor/document-editor/saving-document">Saving Document</a></li>
<li> <a href="/blazor/document-editor/clipboard">Clipboard</a></li>
<li> <a href="/blazor/document-editor/history">Undo and redo</a></li>
<li> <a href="/blazor/document-editor/image">Images</a></li>
<li> <a href="/blazor/document-editor/table">Tables</a></li>
<li> <a href="/blazor/document-editor/table-of-contents">Table of contents</a></li>
<li> <a href="/blazor/document-editor/header-footer">Headers and Footers</a></li>
<li> <a href="/blazor/document-editor/text-format">Working with Text Formatting</a></li>
<li> <a href="/blazor/document-editor/paragraph-format">Working with Paragraph Formatting</a></li>
<li> <a href="/blazor/document-editor/styles">Working with Styles</a></li>
<li> <a href="/blazor/document-editor/list-format">Working with Lists</a></li>
<li> <a href="/blazor/document-editor/table-format">Working with Table Formatting</a></li>
<li> <a href="/blazor/document-editor/section-format">Working with Section Formatting</a></li>
<li> <a href="/blazor/document-editor/find-and-replace">Find and Replace</a></li>
<li> <a href="/blazor/document-editor/accessibility">Accessibility</a></li>
<li> <a href="/blazor/document-editor/restrict-editing">Restrict editing</a></li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.DocumentEditor.SfDocumentEditorContainer.html"> API Reference</a>
</li>
</ul>
</li>
<li>Dropdown Menu
<ul>
<li> <a href="/blazor/drop-down-menu/getting-started">Getting Started</a></li>
<li> <a href="/blazor/drop-down-menu/native-event">Events</a></li>
<li> <a href="/blazor/drop-down-menu/icons">Icons</a></li>
<li> <a href="/blazor/drop-down-menu/popup-items">Popup Items</a></li>
<li> <a href="/blazor/drop-down-menu/accessibility">Accessibility</a></li>
<li> <a href="/blazor/drop-down-menu/style-and-appearance">Styles and Appearances</a></li>
<li>How To
<ul>
<li> <a href="/blazor/drop-down-menu/how-to/change-caret-icon">Change caret icon</a></li>
<li> <a href="/blazor/drop-down-menu/how-to/create-dropdownbutton-with-rounded-corner">Create Dropdown Menu with rounded corner</a></li>
<li> <a href="/blazor/drop-down-menu/how-to/create-right-to-left-dropdownbutton">Create right-to-left Dropdown Menu</a></li>
<li> <a href="/blazor/drop-down-menu/how-to/customize-icon-and-width">Customize icon and width</a></li>
<li> <a href="/blazor/drop-down-menu/how-to/disable-a-dropdownbutton">Disable a Dropdown Menu</a></li>
<li> <a href="/blazor/drop-down-menu/how-to/group-popups-with-listview">Group popups with listview component</a></li>
<li> <a href="/blazor/drop-down-menu/how-to/hide-dropdown-arrow">Hide dropdown arrow</a></li>
<li> <a href="/blazor/drop-down-menu/how-to/open-a-dialog-on-popup-item-click">Open a dialog on popup item click</a></li>
<li> <a href="/blazor/drop-down-menu/how-to/position-popup">Position popup open</a></li>
<li> <a href="/blazor/drop-down-menu/how-to/dropdownlist-dropdownbutton">Create Dropdown List in Popup</a></li>
<li> <a href="/blazor/drop-down-menu/how-to/add-remove-items">Add and Remove Items</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.SplitButtons.SfDropDownButton.html"> API Reference</a>
</li>
</ul>
</li>
<li>DropDown List
<ul>
<li> <a href="/blazor/dropdown-list/getting-started">Getting Started</a></li>
<li> <a href="/blazor/dropdown-list/data-binding">Data Binding</a></li>
<li> <a href="/blazor/dropdown-list/data-source">Data Source</a></li>
<li> <a href="/blazor/dropdown-list/grouping">Grouping</a></li>
<li> <a href="/blazor/dropdown-list/filtering">Filtering</a></li>
<li> <a href="/blazor/dropdown-list/templates">Templates</a></li>
<li> <a href="/blazor/dropdown-list/style">Style and Appearance</a></li>
<li> <a href="/blazor/dropdown-list/virtualization">Virtualization</a></li>
<li> <a href="/blazor/dropdown-list/localization">Localization</a></li>
<li> <a href="/blazor/dropdown-list/accessibility">Accessibility</a></li>
<li> <a href="/blazor/dropdown-list/events">Events</a></li>
<li>How To
<ul> <li> <a href="/blazor/dropdown-list/how-to/tooltip">DropDownList options with tooltip</a></li> </ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.DropDowns.SfDropDownList-2.html"> API Reference</a>
</li>
</ul>
</li>
<li>FileManager
<ul>
<li> <a href="/blazor/file-manager/getting-started">Getting Started</a></li>
<li> <a href="/blazor/file-manager/user-interface">User Interface</a></li>
<li> <a href="/blazor/file-manager/file-operations">File Operations</a></li>
<li> <a href="/blazor/file-manager/multiple-file-selection">Multiple File Selection</a></li>
<li> <a href="/blazor/file-manager/drag-and-drop">Drag and Drop</a></li>
<li> <a href="/blazor/file-manager/file-system-provider">File System Providers</a></li>
<li> <a href="/blazor/file-manager/accessibility">Accessibility</a></li>
<li>How To
<ul>
<li> <a href="/blazor/file-manager/how-to/adding-custom-item-to-context-menu">Adding Custom Item To Context Menu</a></li>
<li> <a href="/blazor/file-manager/how-to/add-custom-tool-bar">Adding Custom Item To Toolbar</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.FileManager.SfFileManager-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>File Upload
<ul>
<li> <a href="/blazor/file-upload/getting-started">Getting Started</a></li>
<li> <a href="/blazor/file-upload/async">Asynchronous Upload</a></li>
<li> <a href="/blazor/file-upload/chunk-upload">Chunk Upload</a></li>
<li> <a href="/blazor/file-upload/localization">Localization</a></li>
<li> <a href="/blazor/file-upload/file-source">File Source</a></li>
<li> <a href="/blazor/file-upload/validation">Validation</a></li>
<li> <a href="/blazor/file-upload/events">Events</a></li>
<li>How To
<ul>
<li> <a href="/blazor/file-upload/how-to/getting-started-with-blazor-webassembly">Getting Started with Blazor WebAssembly</a></li>
<li> <a href="/blazor/file-upload/how-to/html-attributes">Add Html attributes</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Inputs.SfUploader.html"> API Reference</a>
</li>
</ul>
</li>
<li>Gantt Chart
<ul>
<li> <a href="/blazor/gantt-chart/getting-started">Getting Started</a></li>
<li> <a href="/blazor/gantt-chart/data-binding">Data Binding</a></li>
<li> <a href="/blazor/gantt-chart/custom-binding">Custom Binding</a></li>
<li> <a href="/blazor/gantt-chart/virtual">Virtualization</a></li>
<li> <a href="/blazor/gantt-chart/columns">Columns</a></li>
<li> <a href="/blazor/gantt-chart/selection">Selection</a></li>
<li> <a href="/blazor/gantt-chart/filtering">Filtering</a></li>
<li> <a href="/blazor/gantt-chart/managing-tasks">Managing Tasks</a></li>
<li> <a href="/blazor/gantt-chart/task-dependencies">Task Dependencies</a></li>
<li> <a href="/blazor/gantt-chart/sorting">Sorting</a></li>
<li> <a href="/blazor/gantt-chart/scrolling">Scrolling</a></li>
<li> <a href="/blazor/gantt-chart/context-menu">Context Menu</a></li>
<li> <a href="/blazor/gantt-chart/baseline">Baseline</a></li>
<li> <a href="/blazor/gantt-chart/time-line">Time Line</a></li>
<li> <a href="/blazor/gantt-chart/event-markers">Event Markers</a></li>
<li> <a href="/blazor/gantt-chart/holidays">Holidays</a></li>
<li> <a href="/blazor/gantt-chart/resources">Resources</a></li>
<li> <a href="/blazor/gantt-chart/work">Work</a></li>
<li> <a href="/blazor/gantt-chart/tooltip">Tooltip</a></li>
<li> <a href="/blazor/gantt-chart/templates">Templates</a></li>
<li> <a href="/blazor/gantt-chart/appearance-and-customization">Appearance and Customization</a></li>
<li> <a href="/blazor/gantt-chart/duration-unit">Duration Unit</a></li>
<li> <a href="/blazor/gantt-chart/scheduling-tasks">Scheduling Tasks</a></li>
<li> <a href="/blazor/gantt-chart/rows">Rows</a></li>
<li> <a href="/blazor/gantt-chart/tool-bar">Toolbar</a></li>
<li> <a href="/blazor/gantt-chart/excel-export">Excel Export</a></li>
<li> <a href="/blazor/gantt-chart/data-markers">Data Markers</a></li>
<li> <a href="/blazor/gantt-chart/webassembly-performance">WebAssembly Performance</a></li>
<li> <a href="/blazor/gantt-chart/accessibility">Accessibility</a></li>
<li> <a href="/blazor/gantt-chart/globalization">Globalization</a></li>
<li> <a href="/blazor/gantt-chart/touch-interaction">Touch Interaction</a></li>
<li> <a href="/blazor/gantt-chart/style-and-appearance">Style and Appearance</a></li>
<li> <a href="/blazor/gantt-chart/events">Events</a></li>
<li>How To
<ul>
<li> <a href="/blazor/gantt-chart/how-to/hide-chart-part">Hide chart part</a></li>
<li> <a href="/blazor/gantt-chart/how-to/open-add-edit-dialog-dynamically">Open Add Edit Dialog Dynamically</a></li>
<li> <a href="/blazor/gantt-chart/how-to/blazor-webassembly-gantt-using-visual-studio">WebAssembly Gantt Chart</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Gantt.SfGantt-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>HeatMap Chart
<ul>
<li> <a href="/blazor/heatmap-chart/getting-started">Getting Started</a></li>
<li> <a href="/blazor/heatmap-chart/working-with-data">Working with Data</a></li>
<li> <a href="/blazor/heatmap-chart/bubble-heatmap">Bubble HeatMap</a></li>
<li> <a href="/blazor/heatmap-chart/rendering-mode">Rendering Mode</a></li>
<li> <a href="/blazor/heatmap-chart/axis">Axis</a></li>
<li> <a href="/blazor/heatmap-chart/palette">Palette</a></li>
<li> <a href="/blazor/heatmap-chart/legend">Legend</a></li>
<li> <a href="/blazor/heatmap-chart/appearance">Appearance</a></li>
<li> <a href="/blazor/heatmap-chart/dimensions">Dimensions</a></li>
<li> <a href="/blazor/heatmap-chart/tooltip">Tooltip</a></li>
<li> <a href="/blazor/heatmap-chart/selection">Selection</a></li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.HeatMap.SfHeatMap-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>In-place Editor
<ul>
<li> <a href="/blazor/in-place-editor/getting-started">Getting Started</a></li>
<li> <a href="/blazor/in-place-editor/controls">List of Components</a></li>
<li> <a href="/blazor/in-place-editor/configuration">Configuration</a></li>
<li> <a href="/blazor/in-place-editor/buttons">Buttons</a></li>
<li> <a href="/blazor/in-place-editor/server-actions">Server Actions</a></li>
<li> <a href="/blazor/in-place-editor/data-binding">Data Binding</a></li>
<li> <a href="/blazor/in-place-editor/integration">Integrate HTML5 Components</a></li>
<li> <a href="/blazor/in-place-editor/validation">Validation</a></li>
<li> <a href="/blazor/in-place-editor/style">Style and Appearance</a></li>
<li> <a href="/blazor/in-place-editor/localization">Globalization</a></li>
<li> <a href="/blazor/in-place-editor/events">Events</a></li>
<li>How To
<ul>
<li> <a href="/blazor/in-place-editor/how-to/dynamic-edit-mode">Dynamically move input to edit mode</a></li>
<li> <a href="/blazor/in-place-editor/how-to/disable-edit-mode">Disable the edit mode specifically</a></li>
<li> <a href="/blazor/in-place-editor/how-to/custom-animation">Set custom Animation for popup mode</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.InPlaceEditor.SfInPlaceEditor-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>Input Mask
<ul>
<li> <a href="/blazor/input-mask/getting-started">Getting Started</a></li>
<li> <a href="/blazor/input-mask/data-binding">Data Binding</a></li>
<li> <a href="/blazor/input-mask/mask-configuration">Mask Configuration</a></li>
<li> <a href="/blazor/input-mask/accessibility">Accessibility</a></li>
<li> <a href="/blazor/input-mask/native-events">Native Events</a></li>
<li> <a href="/blazor/input-mask/events">Events</a></li>
<li>How To
<ul>
<li> <a href="/blazor/input-mask/how-to/customize-the-ui-appearance-of-the-control">Customize the UI appearance of the component</a></li>
<li> <a href="/blazor/input-mask/how-to/maskedtextbox-for-and-model-binding">MaskedTextBoxFor and Model Binding</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Inputs.SfMaskedTextBox.html"> API Reference</a>
</li>
</ul>
</li>
<li>Kanban
<ul>
<li> <a href="/blazor/kanban/getting-started">Getting Started</a></li>
<li> <a href="/blazor/kanban/data-binding">Data Binding</a></li>
<li> <a href="/blazor/kanban/columns">Columns</a></li>
<li> <a href="/blazor/kanban/cards">Cards</a></li>
<li> <a href="/blazor/kanban/swimlane">Swimlane</a></li>
<li> <a href="/blazor/kanban/workflow">Workflow</a></li>
<li> <a href="/blazor/kanban/sort">Sorting</a></li>
<li> <a href="/blazor/kanban/dialog">Card Editing</a></li>
<li> <a href="/blazor/kanban/tooltip">Tooltip</a></li>
<li> <a href="/blazor/kanban/style">Styling and Appearance</a></li>
<li> <a href="/blazor/kanban/validation">WIP Validation</a></li>
<li> <a href="/blazor/kanban/responsive-mode">Responsive Mode</a></li>
<li> <a href="/blazor/kanban/localization">Localization</a></li>
<li> <a href="/blazor/kanban/dimensions">Dimensions</a></li>
<li> <a href="/blazor/kanban/events">Events</a></li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Kanban.SfKanban-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>Linear Gauge
<ul>
<li> <a href="/blazor/linear-gauge/getting-started">Getting Started</a></li>
<li> <a href="/blazor/linear-gauge/linear-gauge-dimensions">Dimensions</a></li>
<li> <a href="/blazor/linear-gauge/axis">Axes</a></li>
<li> <a href="/blazor/linear-gauge/ranges">Ranges</a></li>
<li> <a href="/blazor/linear-gauge/pointers">Pointers</a></li>
<li> <a href="/blazor/linear-gauge/annotations">Annotations</a></li>
<li> <a href="/blazor/linear-gauge/user-interaction">User Interaction</a></li>
<li> <a href="/blazor/linear-gauge/print">Print and Export</a></li>
<li> <a href="/blazor/linear-gauge/linear-gauge-appearance">Appearance</a></li>
<li> <a href="/blazor/linear-gauge/accessibility">Accessibility</a></li>
<li> <a href="/blazor/linear-gauge/internationalization">Globalization</a></li>
<li> <a href="/blazor/linear-gauge/events">Events</a></li>
<li> <a href="/blazor/linear-gauge/methods">Methods</a></li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.LinearGauge.SfLinearGauge.html"> API Reference</a>
</li>
</ul>
</li>
<li>ListBox
<ul>
<li> <a href="/blazor/listbox/getting-started">Getting Started</a></li>
<li> <a href="/blazor/listbox/accessibility">Accessibility</a></li>
<li> <a href="/blazor/listbox/data-binding">Data Binding</a></li>
<li> <a href="/blazor/listbox/drag-and-drop">Drag and Drop</a></li>
<li> <a href="/blazor/listbox/dual-listbox">Dual ListBox</a></li>
<li> <a href="/blazor/listbox/icons-and-templates">Icons and Templates</a></li>
<li> <a href="/blazor/listbox/selection">Selection</a></li>
<li> <a href="/blazor/listbox/sorting-grouping">Sorting and Grouping</a></li>
<li> <a href="/blazor/listbox/style-and-appearance">Styles and Appearances</a></li>
<li>How To
<ul>
<li> <a href="/blazor/listbox/how-to/add-items">Add/Remove Items</a></li>
<li> <a href="/blazor/listbox/how-to/bind-change-event">Bind Change Events</a></li>
<li> <a href="/blazor/listbox/how-to/enable-scroll">Enable Scroller</a></li>
<li> <a href="/blazor/listbox/how-to/enable-or-disable-items">Enable/Disable ListBox</a></li>
<li> <a href="/blazor/listbox/how-to/select-items">Select Items</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.DropDowns.SfListBox-2.html"> API Reference</a>
</li>
</ul>
</li>
<li>ListView
<ul>
<li> <a href="/blazor/listview/getting-started">Getting Started</a></li>
<li> <a href="/blazor/listview/data-binding">Data Binding</a></li>
<li> <a href="/blazor/listview/grouping">Grouping</a></li>
<li> <a href="/blazor/listview/check-list">Check list</a></li>
<li> <a href="/blazor/listview/nested-list">Nested list</a></li>
<li> <a href="/blazor/listview/customizing-templates">Customizing Templates</a></li>
<li> <a href="/blazor/listview/virtualization">Virtualization</a></li>
<li> <a href="/blazor/listview/style">CSS Structure</a></li>
<li> <a href="/blazor/listview/accessibility">Accessibility</a></li>
<li>How To
<ul>
<li> <a href="/blazor/listview/how-to/get-selected-items-from-listview">Get selected items from listview</a></li>
<li> <a href="/blazor/listview/how-to/add-and-remove-list-items-from-listview">Add and remove list items from listview</a></li>
<li> <a href="/blazor/listview/how-to/dynamic-templates-in-listview-based-on-device">Use dynamic templates in listview based on device</a></li>
<li> <a href="/blazor/listview/how-to/create-mobile-contact-layout-from-listview">Create mobile contact layout using listview</a></li>
<li> <a href="/blazor/listview/how-to/filter-and-search-list-items-using-listview">Filter and search list items using listview</a></li>
<li> <a href="/blazor/listview/how-to/listview-with-hyper-link-navigation">ListView with hyper-link navigation</a></li>
<li> <a href="/blazor/listview/how-to/chat-window-user-interface-using-listview">Chat window user interface using listview</a></li>
<li> <a href="/blazor/listview/how-to/create-dual-list-from-listview">Create dual list from listview</a></li>
<li> <a href="/blazor/listview/how-to/customize-listview-as-grid-layout">Customize listview as grid layout</a></li>
<li> <a href="/blazor/listview/how-to/fetch-selected-items-from-listview-template-sample">Get selected items from listview template</a></li>
<li> <a href="/blazor/listview/how-to/trace-events-of-listview">Trace events of listview</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Lists.SfListView-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>Maps
<ul>
<li> <a href="/blazor/maps/getting-started">Getting Started</a></li>
<li> <a href="/blazor/maps/populate-data">Populate Data</a></li>
<li> <a href="/blazor/maps/layers">Layers</a></li>
<li>Providers
<ul>
<li> <a href="/blazor/maps/providers/openstreetmap">OpenStreet Maps</a></li>
<li> <a href="/blazor/maps/providers/bing-maps">Bing Maps</a></li>
<li> <a href="/blazor/maps/providers/other-maps">Other Maps</a></li>
</ul>
</li>
<li> <a href="/blazor/maps/customization">Customization</a></li>
<li> <a href="/blazor/maps/color-mapping">Color Mapping</a></li>
<li> <a href="/blazor/maps/data-labels">Data Labels</a></li>
<li> <a href="/blazor/maps/markers">Markers</a></li>
<li> <a href="/blazor/maps/bubble">Bubble</a></li>
<li> <a href="/blazor/maps/legend">Legend</a></li>
<li> <a href="/blazor/maps/navigation-line">Navigation Lines</a></li>
<li> <a href="/blazor/maps/annotations">Annotations</a></li>
<li> <a href="/blazor/maps/user-interactions">User Interactions</a></li>
<li> <a href="/blazor/maps/print-and-export">Print and Export</a></li>
<li> <a href="/blazor/maps/state-persistence">State Persistence</a></li>
<li> <a href="/blazor/maps/accessibility">Accessibility</a></li>
<li> <a href="/blazor/maps/internationalization">Globalization</a></li>
<li> <a href="/blazor/maps/localization">Localization</a></li>
<li> <a href="/blazor/maps/maps-event">Events</a></li>
<li> <a href="/blazor/maps/maps-method">Methods</a></li>
<li>How To
<ul>
<li> <a href="/blazor/maps/how-to/display-geometry-shapes-in-bing-maps">Display geometry shapes in Bing Maps</a></li>
<li> <a href="/blazor/maps/how-to/add-different-types-of-markers">Add different types of markers</a></li>
<li> <a href="/blazor/maps/how-to/change-center-position-on-zooming">Change center position on zooming</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Maps.SfMaps.html"> API Reference</a>
</li>
</ul>
</li>
<li>Menu Bar
<ul>
<li> <a href="/blazor/menu-bar/getting-started">Getting Started</a></li>
<li> <a href="/blazor/menu-bar/accessibility">Accessibility</a></li>
<li> <a href="/blazor/menu-bar/data-source-binding-and-custom-menu-items">DataSource Binding and Custom Menu Bar items</a></li>
<li> <a href="/blazor/menu-bar/icons">Icons and Submenu Items</a></li>
<li> <a href="/blazor/menu-bar/usecase-scenario">Use Case Scenarios</a></li>
<li> <a href="/blazor/menu-bar/style-and-appearance">Styles and Appearances</a></li>
<li>How To
<ul>
<li> <a href="/blazor/menu-bar/how-to/change-orientation">Change Orientation</a></li>
<li> <a href="/blazor/menu-bar/how-to/customize-menu-items">Customize Menu Bar Items</a></li>
<li> <a href="/blazor/menu-bar/how-to/customize-menu-using-events">Customize Menu Bar Using Events</a></li>
<li> <a href="/blazor/menu-bar/how-to/menu-with-rounded-corner">Menu Bar with Rounded Corner</a></li>
<li> <a href="/blazor/menu-bar/how-to/open-menu-click">Open Sub Menu on Menu Item Click</a></li>
<li> <a href="/blazor/menu-bar/how-to/right-left">Right to Left</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfMenu-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>MultiSelect Dropdown
<ul>
<li> <a href="/blazor/multiselect-dropdown/getting-started">Getting Started</a></li>
<li> <a href="/blazor/multiselect-dropdown/data-binding">Data Binding</a></li>
<li> <a href="/blazor/multiselect-dropdown/data-source">Data Source</a></li>
<li> <a href="/blazor/multiselect-dropdown/templates">Templates</a></li>
<li> <a href="/blazor/multiselect-dropdown/grouping">Grouping</a></li>
<li> <a href="/blazor/multiselect-dropdown/filtering">Filtering</a></li>
<li> <a href="/blazor/multiselect-dropdown/custom-value">Custom Value</a></li>
<li> <a href="/blazor/multiselect-dropdown/checkbox-grouping">Grouping with CheckBox</a></li>
<li> <a href="/blazor/multiselect-dropdown/checkbox">CheckBox</a></li>
<li> <a href="/blazor/multiselect-dropdown/style">Style and Appearance</a></li>
<li> <a href="/blazor/multiselect-dropdown/virtualization">Virtualization</a></li>
<li> <a href="/blazor/multiselect-dropdown/localization">Localization</a></li>
<li> <a href="/blazor/multiselect-dropdown/accessibility">Accessibility</a></li>
<li> <a href="/blazor/multiselect-dropdown/events">Events</a></li>
<li>How To
<ul>
<li> <a href="/blazor/multiselect-dropdown/how-to/tooltip">DropDownList options with tooltip</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.DropDowns.SfMultiSelect-2.html"> API Reference</a>
</li>
</ul>
</li>
<li>Numeric TextBox
<ul>
<li> <a href="/blazor/numeric-textbox/getting-started">Getting Started</a></li>
<li> <a href="/blazor/numeric-textbox/data-binding">Data Binding</a></li>
<li> <a href="/blazor/numeric-textbox/formats">Number Formats</a></li>
<li> <a href="/blazor/numeric-textbox/globalization">Globalization</a></li>
<li> <a href="/blazor/numeric-textbox/accessibility">Accessibility</a></li>
<li> <a href="/blazor/numeric-textbox/native-events">Native Events</a></li>
<li> <a href="/blazor/numeric-textbox/events">Events</a></li>
<li>How To
<ul>
<li> <a href="/blazor/numeric-textbox/how-to/customize-the-ui-appearance-of-the-control">Customize the UI appearance of the component</a></li>
<li> <a href="/blazor/numeric-textbox/how-to/customize-the-spin-buttons-up-and-down-arrow">Customize the spin buttons up and down arrow</a></li>
<li> <a href="/blazor/numeric-textbox/how-to/customize-the-step-value-and-hide-spin-buttons">Customize the step value and hide spin buttons</a></li>
<li> <a href="/blazor/numeric-textbox/how-to/numeric-textbox-model-binding">Numeric Textbox Model Binding</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Inputs.SfNumericTextBox-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>PDF
<ul>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/overview">Overview</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/assemblies-required">Assemblies Required</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/nuget-packages-required">NuGet Packages Required</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/create-pdf-document-in-blazor">Getting Started</a></li>
<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>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-document">Working With Document</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-pages">Working With Pages</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-text">Working With Text</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-images">Working With Images</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-brushes">Working With Brushes</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-tables">Working With Tables</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-forms">Working With Forms</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-xfa">Working With XFA</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/merge-documents">Merge Documents</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-text-extraction">Working With Text Extraction</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-hyperlinks">Working With HyperLinks</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-pdf-templates">Working With PDF Templates</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-headers-and-footers">Working With Headers and Footers</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-shapes">Working With Shapes</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-bookmarks">Working With Bookmarks</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-named-destination">Working With Named Destination</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-annotations">Working With Annotations</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-attachments">Working With Attachments</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-security">Working With Security</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-digitalsignature">Working With DigitalSignature</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-barcode">Working With Barcode</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-action">Working With Action</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-watermarks">Working With Watermarks</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-portfolio">Working With Portfolio</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-layers">Working With Layers</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-tagged-pdf">Working With Tagged PDF</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-pdf-conformance">Working With PDF Conformance</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-zugferd-invoice">Working With ZUGFeRD Invoice</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-metadata">Working With Metadata</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-colorspace">Working With Colorspace</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/working-with-javascript">Working With JavaScript</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/pdf/supported-and-unsupported-features">Supported and Unsupported Features</a></li>
</ul>
</li>
<li>PDF Viewer
<ul>
<li>Getting Started
<ul>
<li> <a href="/blazor/pdfviewer/getting-started/features">Features</a></li>
<li> <a href="/blazor/pdfviewer/getting-started/server-side-application">Server-Side Application</a></li>
<li> <a href="/blazor/pdfviewer/getting-started/web-assembly-application">WebAssembly Application</a></li>
</ul>
</li>
<li> <a href="/blazor/pdfviewer/opening-pdf-file">Opening PDF file</a></li>
<li> <a href="/blazor/pdfviewer/saving-pdf-file">Saving PDF file</a></li>
<li> <a href="/blazor/pdfviewer/toolbar-customization">Toolbar Customization</a></li>
<li> <a href="/blazor/pdfviewer/navigation">Navigation</a></li>
<li> <a href="/blazor/pdfviewer/magnification">Magnification</a></li>
<li> <a href="/blazor/pdfviewer/text-search">Text Search</a></li>
<li> <a href="/blazor/pdfviewer/interaction">Interaction Mode</a></li>
<li>Annotations
<ul>
<li> <a href="/blazor/pdfviewer/annotation/text-markup-annotation">Text Markup Annotations</a></li>
<li> <a href="/blazor/pdfviewer/annotation/shape-annotation">Shape Annotations</a></li>
<li> <a href="/blazor/pdfviewer/annotation/stamp-annotation">Stamp Annotations</a></li>
<li> <a href="/blazor/pdfviewer/annotation/sticky-notes-annotation">Sticky Notes Annotations</a></li>
<li> <a href="/blazor/pdfviewer/annotation/measurement-annotation">Measurement Annotations</a></li>
<li> <a href="/blazor/pdfviewer/annotation/free-text-annotation">Free Text Annotations</a></li>
<li> <a href="/blazor/pdfviewer/annotation/comments">Comments</a></li>
<li> <a href="/blazor/pdfviewer/annotation/import-export-annotation">Import and Export Annotations</a></li>
<li> <a href="/blazor/pdfviewer/annotation/ink-annotation">Ink Annotation</a></li>
</ul>
</li>
<li> <a href="/blazor/pdfviewer/form-filling">Form Filling</a></li>
<li> <a href="/blazor/pdfviewer/hand-written-signature">Handwritten Signature</a></li>
<li> <a href="/blazor/pdfviewer/print">Print</a></li>
<li> <a href="/blazor/pdfviewer/download">Download</a></li>
<li> <a href="/blazor/pdfviewer/events">Events</a></li>
<li> <a href="/blazor/pdfviewer/globalization">Globalization and RTL</a></li>
<li>How To
<ul>
<li> <a href="/blazor/pdfviewer/how-to/create-pdfviewer-in-a-popup-window">Create PDF Viewer in a popup window</a></li>
<li> <a href="/blazor/pdfviewer/how-to/load-pdf-document-dynamically">Load PDF documents dynamically in Blazor PDF Viewer</a></li>
<li> <a href="/blazor/pdfviewer/how-to/view-docx-file-in-blazor-application">View DOCX file in Blazor application</a></li>
<li> <a href="/blazor/pdfviewer/how-to/unload-the-pdf-document-from-viewer">Unload the PDF document from Viewer</a></li>
<li> <a href="/blazor/pdfviewer/how-to/import-annotations-as-objects">Import annotations as objects</a></li>
<li> <a href="/blazor/pdfviewer/how-to/suppress-error-message">Suppress the error dialog</a></li>
<li> <a href="/blazor/pdfviewer/how-to/authorization-token">Include the Authorization token</a></li>
<li> <a href="/blazor/pdfviewer/how-to/move-scrollbar">Move the scrollbar to the exact location of annotations</a></li>
<li> <a href="/blazor/pdfviewer/how-to/create-pdf-viewer">View the created PDF document</a></li>
<li> <a href="/blazor/pdfviewer/how-to/unexpected-token">Resolve the Unexpected token T in JSON at position 0 error in the LINUX platform</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.PdfViewerServer.SfPdfViewerServer.html"> API Reference</a>
</li>
</ul>
</li>
<li>Pivot Table
<ul>
<li> <a href="/blazor/pivot-table/getting-started">Getting Started</a></li>
<li> <a href="/blazor/pivot-table/data-binding">Data Binding</a></li>
<li> <a href="/blazor/pivot-table/olap">OLAP</a></li>
<li> <a href="/blazor/pivot-table/pivot-chart">Pivot Chart</a></li>
<li> <a href="/blazor/pivot-table/drill-down">Drill Down</a></li>
<li> <a href="/blazor/pivot-table/aggregation">Aggregation</a></li>
<li> <a href="/blazor/pivot-table/number-formatting">Number Formatting</a></li>
<li> <a href="/blazor/pivot-table/calculated-field">Calculated Field</a></li>
<li> <a href="/blazor/pivot-table/field-list">Field List</a></li>
<li> <a href="/blazor/pivot-table/grouping-bar">Grouping Bar</a></li>
<li> <a href="/blazor/pivot-table/filtering">Filtering</a></li>
<li> <a href="/blazor/pivot-table/sorting">Sorting</a></li>
<li> <a href="/blazor/pivot-table/grouping">Grouping</a></li>
<li> <a href="/blazor/pivot-table/virtual-scrolling">Virtual Scrolling</a></li>
<li> <a href="/blazor/pivot-table/defer-layout-update">Defer Layout Update</a></li>
<li> <a href="/blazor/pivot-table/row-and-column">Row and Column</a></li>
<li> <a href="/blazor/pivot-table/state-persistence">State Persistence</a></li>
<li> <a href="/blazor/pivot-table/show-hide-totals">Hide Totals</a></li>
<li> <a href="/blazor/pivot-table/conditional-formatting">Conditional Formatting</a></li>
<li> <a href="/blazor/pivot-table/drill-through">Drill Through</a></li>
<li> <a href="/blazor/pivot-table/editing">Editing</a></li>
<li> <a href="/blazor/pivot-table/hyper-link">Hyperlink</a></li>
<li> <a href="/blazor/pivot-table/tool-bar">Toolbar</a></li>
<li> <a href="/blazor/pivot-table/tool-tip">Tooltip</a></li>
<li> <a href="/blazor/pivot-table/css-customization">CSS Customization</a></li>
<li> <a href="/blazor/pivot-table/globalization">Globalization</a></li>
<li> <a href="/blazor/pivot-table/pdf-export">PDF Export</a></li>
<li> <a href="/blazor/pivot-table/excel-export">Excel Export</a></li>
<li> <a href="/blazor/pivot-table/accessibility">Accessibility</a></li>
<li> <a href="/blazor/pivot-table/events">Events</a></li>
<li>How To
<ul>
<li> <a href="/blazor/pivot-table/how-to/switching-older-themes-style">Switching to older themes style</a></li>
<li> <a href="/blazor/pivot-table/how-to/customize-number-and-date-format">Customize number and date format</a></li>
<li> <a href="/blazor/pivot-table/how-to/customizing-loading-indicator">Customizing loading indicator</a></li>
<li> <a href="/blazor/pivot-table/how-to/hide-empty-headers">Hide empty headers</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.PivotView.SfPivotView-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>Presentation
<ul>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/overview">Overview</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/assemblies-required">Assemblies Required</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/nuget-packages-required">NuGet Packages Required</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/getting-started">Getting Started</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/working-with-powerpoint-presentation">Working With PowerPoint Presentation</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/working-with-slide">Working With Slide</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/create-read-edit-master-slide-and-layout-slide-in-c-sharp">Access Master and Layout Slides</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/working-with-paragraphs">Working With Paragraphs</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/working-with-list">Working With List</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/working-with-shapes">Working With Shapes</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/working-with-images">Working With Images</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/working-with-tables">Working With Tables</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/working-with-charts">Working With Charts</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/working-with-animation">Working With Animation</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/create-edit-slide-transitions-in-powerpoint-presentation-slides-cs-vb-net">Working with slide transitions</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/create-edit-connectors-in-powerpoint-slides-cs-vb-net">Working with connectors</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/working-with-notesslide">Working With NotesSlide</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/smartart">SmartArt</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/comments">Working with Comments</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/working-with-sections">Working With Sections</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/working-with-macros">Working With Macros</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/security">Security</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/working-with-ole-objects">Working With OLE Objects</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/presentation-to-image">PPTX to Image Conversion</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/presentation-to-pdf">PPTX to PDF Conversion</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/supported-and-unsupported-features">Supported and Unsupported Features</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/presentation/faq">FAQ</a></li>
</ul>
</li>
<li>ProgressBar
<ul>
<li> <a href="/blazor/progress-bar/getting-started">Getting Started</a></li>
<li> <a href="/blazor/progress-bar/types">Types</a></li>
<li> <a href="/blazor/progress-bar/states">States</a></li>
<li> <a href="/blazor/progress-bar/customization">Customization</a></li>
<li> <a href="/blazor/progress-bar/progress-annotation">Annotations and Label</a></li>
<li> <a href="/blazor/progress-bar/animation">Animation</a></li>
<li> <a href="/blazor/progress-bar/range">Range</a></li>
<li> <a href="/blazor/progress-bar/events">Events</a></li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.ProgressBar.SfProgressBar.html"> API Reference</a>
</li>
</ul>
</li>
<li>ProgressButton
<ul>
<li> <a href="/blazor/progress-button/getting-started">Getting Started</a></li>
<li> <a href="/blazor/progress-button/native-event">Native Events</a></li>
<li> <a href="/blazor/progress-button/types-icons">Types and Icons</a></li>
<li> <a href="/blazor/progress-button/spinner-and-progress">Spinner and Progress</a></li>
<li> <a href="/blazor/progress-button/accessibility">Accessibility</a></li>
<li> <a href="/blazor/progress-button/style-and-appearance">Styles and Appearances</a></li>
<li>How To
<ul>
<li> <a href="/blazor/progress-button/how-to/change-the-text-content-and-styles-of-the-progressbutton-during-progress">Change the text content and styles of the Progress Button during progress</a></li>
<li> <a href="/blazor/progress-button/how-to/customize-progress-using-cssclass">Customize progress using cssClass</a></li>
<li> <a href="/blazor/progress-button/how-to/hide-spinner">Hide spinner</a></li>
<li> <a href="/blazor/progress-button/how-to/stop-progress-indicator">Stop Progress Indicator</a></li>
<li> <a href="/blazor/progress-button/how-to/trace-events">Trace Events of Progress Button</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.SplitButtons.SfProgressButton.html"> API Reference</a>
</li>
</ul>
</li>
<li>QueryBuilder
<ul>
<li> <a href="/blazor/query-builder/getting-started">Getting Started</a></li>
<li> <a href="/blazor/query-builder/columns-binding">Columns</a></li>
<li> <a href="/blazor/query-builder/data-binding">Data Binding</a></li>
<li> <a href="/blazor/query-builder/filtering">Filtering</a></li>
<li> <a href="/blazor/query-builder/templates">Templates</a></li>
<li> <a href="/blazor/query-builder/import-export">Importing and Exporting</a></li>
<li> <a href="/blazor/query-builder/localization">Localization</a></li>
<li> <a href="/blazor/query-builder/style-and-appearance">Styles and Appearances</a></li>
<li>How To
<ul>
<li> <a href="/blazor/query-builder/how-to/getting-started-web-assembly">Getting Started-Client side using Visual studio</a></li>
<li> <a href="/blazor/query-builder/how-to/change-display-mode">Change Display Mode</a></li>
<li> <a href="/blazor/query-builder/how-to/enable-not">Show Not Operator</a></li>
<li> <a href="/blazor/query-builder/how-to/maintain-state-persistence">Maintain the State Persistence</a></li>
<li> <a href="/blazor/query-builder/how-to/read-only">Readonly</a></li>
<li> <a href="/blazor/query-builder/how-to/right-to-left">Right to Left</a></li>
<li> <a href="/blazor/query-builder/how-to/restrict-group">Restrict the Groups</a></li>
<li> <a href="/blazor/query-builder/how-to/sort-the-columns">Sort the Columns</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.QueryBuilder.SfQueryBuilder-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>RadioButton
<ul>
<li> <a href="/blazor/radio-button/getting-started">Getting Started</a></li>
<li> <a href="/blazor/radio-button/native-event">Native Events</a></li>
<li> <a href="/blazor/radio-button/label-and-size">Label and Size</a></li>
<li> <a href="/blazor/radio-button/style-and-appearance">Styles and Appearances</a></li>
<li>How To
<ul>
<li> <a href="/blazor/radio-button/how-to/customize-radiobutton-appearance">Customize Radio Button Appearance</a></li>
<li> <a href="/blazor/radio-button/how-to/radio-button-model-binding">Radio Button Model Binding</a></li>
<li> <a href="/blazor/radio-button/how-to/right-to-left">Right-To-Left</a></li>
<li> <a href="/blazor/radio-button/how-to/set-the-disabled-state">Set the disabled state</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Buttons.SfRadioButton-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>Range Selector
<ul>
<li> <a href="/blazor/range-selector/getting-started">Getting Started</a></li>
<li> <a href="/blazor/range-selector/range">Range</a></li>
<li> <a href="/blazor/range-selector/light-weight">Lightweight</a></li>
<li> <a href="/blazor/range-selector/series-type">Series Types</a></li>
<li> <a href="/blazor/range-selector/data">Types of Data</a></li>
<li> <a href="/blazor/range-selector/period-selector">Period Selector</a></li>
<li> <a href="/blazor/range-selector/labels">Labels</a></li>
<li> <a href="/blazor/range-selector/grid-tick">Grid and Tick Lines</a></li>
<li> <a href="/blazor/range-selector/custom">Customization</a></li>
<li> <a href="/blazor/range-selector/tool-tip">Tooltip</a></li>
<li> <a href="/blazor/range-selector/r-t-l">RTL</a></li>
<li> <a href="/blazor/range-selector/export">Print and Export</a></li>
<li> <a href="/blazor/range-selector/events">Events</a></li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Charts.SfRangeNavigator.html"> API Reference</a>
</li>
</ul>
</li>
<li>Range Slider
<ul>
<li> <a href="/blazor/range-slider/getting-started">Getting Started</a></li>
<li> <a href="/blazor/range-slider/types">Types</a></li>
<li> <a href="/blazor/range-slider/tooltip">Tooltip</a></li>
<li> <a href="/blazor/range-slider/orientation">Orientation</a></li>
<li> <a href="/blazor/range-slider/ticks">Ticks</a></li>
<li> <a href="/blazor/range-slider/format">Formatting</a></li>
<li> <a href="/blazor/range-slider/limits">Limits</a></li>
<li> <a href="/blazor/range-slider/style">CSS Structure</a></li>
<li> <a href="/blazor/range-slider/localization">Localization</a></li>
<li> <a href="/blazor/range-slider/accessibility">Accessibility</a></li>
<li>How To
<ul>
<li> <a href="/blazor/range-slider/how-to/customize-the-bar">Customize the bar</a></li>
<li> <a href="/blazor/range-slider/how-to/customize-the-limits">Customize the limits</a></li>
<li> <a href="/blazor/range-slider/how-to/customize-the-thumb">Customize the thumb</a></li>
<li> <a href="/blazor/range-slider/how-to/customize-slider-ticks-label">Customize the tick label</a></li>
<li> <a href="/blazor/range-slider/how-to/numeric-range-slider">Numeric Range Slider</a></li>
<li> <a href="/blazor/range-slider/how-to/date-range-slider">Date Range Slider</a></li>
<li> <a href="/blazor/range-slider/how-to/time-range-slider">Time Range Slider</a></li>
<li> <a href="/blazor/range-slider/how-to/validate">Validation of Slider</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Inputs.SfSlider-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>RichTextEditor
<ul>
<li> <a href="/blazor/rich-text-editor/getting-started">Getting Started</a></li>
<li> <a href="/blazor/rich-text-editor/data-binding">Data Binding</a></li>
<li> <a href="/blazor/rich-text-editor/editor-modes">Editor Modes</a></li>
<li> <a href="/blazor/rich-text-editor/toolbar">Toolbar</a></li>
<li> <a href="/blazor/rich-text-editor/inline-mode">Inline Mode</a></li>
<li> <a href="/blazor/rich-text-editor/paste-cleanup">Paste from MS Word</a></li>
<li> <a href="/blazor/rich-text-editor/styling">Styling</a></li>
<li> <a href="/blazor/rich-text-editor/image">Image</a></li>
<li> <a href="/blazor/rich-text-editor/link">Link</a></li>
<li> <a href="/blazor/rich-text-editor/table">Table</a></li>
<li> <a href="/blazor/rich-text-editor/markdown">Markdown</a></li>
<li> <a href="/blazor/rich-text-editor/form-validation">Form Validation</a></li>
<li> <a href="/blazor/rich-text-editor/globalization">Globalization</a></li>
<li> <a href="/blazor/rich-text-editor/exec-command">ExecCommand in Rich Text Editor</a></li>
<li> <a href="/blazor/rich-text-editor/iframe">IFrame Rendering</a></li>
<li> <a href="/blazor/rich-text-editor/style">Style and Appearance</a></li>
<li> <a href="/blazor/rich-text-editor/keyboard-support">Keyboard Support</a></li>
<li> <a href="/blazor/rich-text-editor/miscellaneous">Miscellaneous</a></li>
<li> <a href="/blazor/rich-text-editor/accessibility">Accessibility</a></li>
<li> <a href="/blazor/rich-text-editor/events">Events</a></li>
<li>How To
<ul>
<li> <a href="/blazor/rich-text-editor/how-to/blazor-web-assembly">Getting Started with Blazor WebAssembly RichTextEditor using Visual Studio</a></li>
<li> <a href="/blazor/rich-text-editor/how-to/add-google-fonts">Add Google fonts</a></li>
<li> <a href="/blazor/rich-text-editor/how-to/default-font">Change default font-family</a></li>
<li> <a href="/blazor/rich-text-editor/how-to/check-image-size">Check image size</a></li>
<li> <a href="/blazor/rich-text-editor/how-to/placeholder">Customize placeholder style</a></li>
<li> <a href="/blazor/rich-text-editor/how-to/rename-image">Rename images before inserting it in Rich Text Editor</a></li>
<li> <a href="/blazor/rich-text-editor/how-to/format-code-block">Format code block using toolbar button</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.RichTextEditor.SfRichTextEditor.html"> API Reference</a>
</li>
</ul>
</li>
<li>Scheduler
<ul>
<li> <a href="/blazor/scheduler/getting-started">Getting Started</a></li>
<li> <a href="/blazor/scheduler/scheduler-interactions">Scheduler Interactions</a></li>
<li> <a href="/blazor/scheduler/appointments">Appointments</a></li>
<li> <a href="/blazor/scheduler/data-binding">Data Binding</a></li>
<li> <a href="/blazor/scheduler/crud-actions">CRUD Actions</a></li>
<li> <a href="/blazor/scheduler/virtual-scrolling">Virtual Scrolling</a></li>
<li> <a href="/blazor/scheduler/editor-template">Editor Window Customization</a></li>
<li> <a href="/blazor/scheduler/timezone">Timezone</a></li>
<li> <a href="/blazor/scheduler/views">Views</a></li>
<li> <a href="/blazor/scheduler/resources">Resources and Grouping</a></li>
<li> <a href="/blazor/scheduler/header-rows">Timeline Header Rows</a></li>
<li> <a href="/blazor/scheduler/row-auto-height">Row Auto Height</a></li>
<li> <a href="/blazor/scheduler/header-bar">Header Customization</a></li>
<li> <a href="/blazor/scheduler/timescale">Timescale Customization</a></li>
<li> <a href="/blazor/scheduler/working-hours">Working Days and Hours</a></li>
<li> <a href="/blazor/scheduler/cell-customization">Cell Customizations</a></li>
<li> <a href="/blazor/scheduler/state-persistence">State Persistence</a></li>
<li> <a href="/blazor/scheduler/exporting">Exporting</a></li>
<li> <a href="/blazor/scheduler/dimensions">Scheduler Dimensions</a></li>
<li> <a href="/blazor/scheduler/localization">Globalization</a></li>
<li> <a href="/blazor/scheduler/accessibility">Accessibility</a></li>
<li> <a href="/blazor/scheduler/webassembly-performance">WebAssembly Performance</a></li>
<li> <a href="/blazor/scheduler/events">Events</a></li>
<li> <a href="/blazor/scheduler/context-menu">Context Menu</a></li>
<li> <a href="/blazor/scheduler/scheduler-styling">Style and Appearance</a></li>
<li>How To
<ul>
<li> <a href="/blazor/scheduler/how-to/blazor-web-assembly-scheduler">Blazor WebAssembly Scheduler</a></li>
<li> <a href="/blazor/scheduler/how-to/open-editor-window-on-single-click">Open Editor Window on Single Click</a></li>
<li> <a href="/blazor/scheduler/how-to/create-multiple-events-dynamically">Create Multiple Events in different time slots through CTRL key</a></li>
<li> <a href="/blazor/scheduler/how-to/custom-header">Custom Header</a></li>
<li> <a href="/blazor/scheduler/how-to/prevent-appointment-creation-and-deletion">Prevent Appointment Creation and Deletion</a></li>
<li> <a href="/blazor/scheduler/how-to/half-yearly-view">Show half-yearly view</a></li>
<li> <a href="/blazor/scheduler/how-to/set-min-max-date">Setting Minimum and Maximum Date</a></li>
<li> <a href="/blazor/scheduler/how-to/custom-editor-with-validation">Custom Editor With Validation</a></li>
<li> <a href="/blazor/scheduler/how-to/expand-collapse-resource-dynamically">Expand and Collapse Resource Dynamically</a></li>
<li> <a href="/blazor/scheduler/how-to/enable-scroll-option-on-all-day-section">Enable scroll option on all-day section</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Schedule.SfSchedule-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>Sidebar
<ul>
<li> <a href="/blazor/sidebar/getting-started">Getting Started</a></li>
<li> <a href="/blazor/sidebar/custom-context">Sidebar for Specific Content</a></li>
<li> <a href="/blazor/sidebar/auto-close">Responsive Sidebar</a></li>
<li> <a href="/blazor/sidebar/docking-sidebar">Dock</a></li>
<li> <a href="/blazor/sidebar/style">Styles and Appearance</a></li>
<li>How To
<ul>
<li> <a href="/blazor/sidebar/how-to/sidebar-with-list-view">Initialize the Sidebar with ListView</a></li>
<li> <a href="/blazor/sidebar/how-to/open-and-close-the-sidebar">Open and close the Sidebar</a></li>
<li> <a href="/blazor/sidebar/how-to/multiple-sidebar">Multiple Sidebar</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfSidebar.html"> API Reference</a>
</li>
</ul>
</li>
<li>Signature
<ul>
<li>
<a href="/blazor/signature/getting-started">Getting Started</a>
</li>
</ul>
</li>
<li>Smith Chart
<ul>
<li> <a href="/blazor/smith-chart/getting-started">Getting Started</a></li>
<li> <a href="/blazor/smith-chart/smith-chart-dimensions">Dimensions</a></li>
<li> <a href="/blazor/smith-chart/title-subtitle">Title and Subtitle</a></li>
<li> <a href="/blazor/smith-chart/smith-chart-axis">Axis</a></li>
<li> <a href="/blazor/smith-chart/smith-chart-legend">Legend</a></li>
<li> <a href="/blazor/smith-chart/smith-chart-tool-tip">Tooltip</a></li>
<li> <a href="/blazor/smith-chart/smith-chart-marker">Marker and Data Labels</a></li>
<li> <a href="/blazor/smith-chart/smith-chart-series">Series</a></li>
<li> <a href="/blazor/smith-chart/smith-chart-print">Print and Export</a></li>
<li> <a href="/blazor/smith-chart/events">Events</a></li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Charts.SfSmithChart.html"> API Reference</a>
</li>
</ul>
</li>
<li>Sparkline
<ul>
<li> <a href="/blazor/sparkline/getting-started">Getting Started</a></li>
<li> <a href="/blazor/sparkline/dimensions">Dimensions</a></li>
<li> <a href="/blazor/sparkline/chart-types">Chart Types</a></li>
<li> <a href="/blazor/sparkline/axis-customization">Axis Customization</a></li>
<li> <a href="/blazor/sparkline/special-points-customization">Special Points Customization</a></li>
<li> <a href="/blazor/sparkline/range-band">Range Band</a></li>
<li> <a href="/blazor/sparkline/markers">Markers</a></li>
<li> <a href="/blazor/sparkline/data-labels">Data Labels</a></li>
<li> <a href="/blazor/sparkline/user-interaction">User Interaction</a></li>
<li> <a href="/blazor/sparkline/appearance">Appearance</a></li>
<li> <a href="/blazor/sparkline/globalization">Globalization</a></li>
<li> <a href="/blazor/sparkline/events">Events</a></li>
<li> <a href="/blazor/sparkline/methods">Methods</a></li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Charts.SfSparkline-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>Spinner
<ul>
<li> <a href="/blazor/spinner/getting-started">Getting Started</a></li>
<li> <a href="/blazor/spinner/customization">Customize the Spinner</a></li>
<li> <a href="/blazor/spinner/spinner-integration">Spinner Integration</a></li>
<li> <a href="/blazor/spinner/style">Style and Appearance</a></li>
<li> <a href="/blazor/spinner/events">Events</a></li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Spinner.html"> API Reference</a>
</li>
</ul>
</li>
<li>SplitButton
<ul>
<li> <a href="/blazor/split-button/getting-started">Getting Started</a></li>
<li> <a href="/blazor/split-button/native-event">Events</a></li>
<li> <a href="/blazor/split-button/icons">Icons and Separator</a></li>
<li> <a href="/blazor/split-button/popup-items">Popup Items</a></li>
<li> <a href="/blazor/split-button/accessibility">Accessibility</a></li>
<li> <a href="/blazor/split-button/style-and-appearance">Styles and Appearances</a></li>
<li>How To
<ul>
<li> <a href="/blazor/split-button/how-to/create-right-to-left-splitbutton">Create right-to-left Split Button</a></li>
<li> <a href="/blazor/split-button/how-to/group-items-in-popup">Group items in popup</a></li>
<li> <a href="/blazor/split-button/how-to/open-a-dialog-on-popup-item-click">Open a dialog on popup item click</a></li>
<li> <a href="/blazor/split-button/how-to/set-the-disabled-state">Set the disabled state</a></li>
<li> <a href="/blazor/split-button/how-to/add-remove-items">Add and Remove Items</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.SplitButtons.SfSplitButton.html"> API Reference</a>
</li>
</ul>
</li>
<li>Splitter
<ul>
<li> <a href="/blazor/splitter/getting-started">Getting Started</a></li>
<li> <a href="/blazor/splitter/pane-sizing">Pane Sizing</a></li>
<li> <a href="/blazor/splitter/pane-content">Pane Content</a></li>
<li> <a href="/blazor/splitter/pane-settings">Pane Settings</a></li>
<li> <a href="/blazor/splitter/split-panes">Split Panes</a></li>
<li> <a href="/blazor/splitter/expand-and-collapse">Expand and Collapse</a></li>
<li> <a href="/blazor/splitter/two-way-binding">Two way Binding</a></li>
<li> <a href="/blazor/splitter/resizing">Resize</a></li>
<li> <a href="/blazor/splitter/state-management">State Management</a></li>
<li> <a href="/blazor/splitter/different-layouts">Different Layouts</a></li>
<li> <a href="/blazor/splitter/resize-icon-template">Resize Icon Template</a></li>
<li> <a href="/blazor/splitter/style">Style and Appearance</a></li>
<li> <a href="/blazor/splitter/events">Events</a></li>
<li> <a href="/blazor/splitter/accessibility">Accessibility</a></li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Layouts.SfSplitter.html"> API Reference</a>
</li>
</ul>
</li>
<li>Stock Chart
<ul>
<li> <a href="/blazor/stock-chart/getting-started">Getting Started</a></li>
<li> <a href="/blazor/stock-chart/working-with-data">Working with Data</a></li>
<li> <a href="/blazor/stock-chart/chart-dimensions">Stock Chart Dimensions</a></li>
<li> <a href="/blazor/stock-chart/axis-types">Axis Types</a></li>
<li> <a href="/blazor/stock-chart/axis-customization">Axis Customization</a></li>
<li> <a href="/blazor/stock-chart/series-types">Series Types</a></li>
<li> <a href="/blazor/stock-chart/trend-lines">Trendlines</a></li>
<li> <a href="/blazor/stock-chart/technical-indicators">Technical Indicators</a></li>
<li> <a href="/blazor/stock-chart/tool-tip">Tooltip</a></li>
<li> <a href="/blazor/stock-chart/cross-hair">Crosshair</a></li>
<li> <a href="/blazor/stock-chart/period-selector">Period Selector</a></li>
<li> <a href="/blazor/stock-chart/range-selector">Range Selector</a></li>
<li> <a href="/blazor/stock-chart/appearance">Appearance</a></li>
<li> <a href="/blazor/stock-chart/export-print">Print and Export</a></li>
<li> <a href="/blazor/stock-chart/events">Events</a></li>
<li> <a href="/blazor/stock-chart/stock-events">Stock Events</a></li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Charts.SfStockChart.html"> API Reference</a>
</li>
</ul>
</li>
<li>Tabs
<ul>
<li> <a href="/blazor/tabs/getting-started">Getting Started</a></li>
<li> <a href="/blazor/tabs/responsive-modes">Responsive Modes</a></li>
<li> <a href="/blazor/tabs/header">Header</a></li>
<li> <a href="/blazor/tabs/content-render-modes">Content Render Modes</a></li>
<li> <a href="/blazor/tabs/animations">Animations</a></li>
<li> <a href="/blazor/tabs/localization">Localization</a></li>
<li> <a href="/blazor/tabs/orientation">Orientation</a></li>
<li> <a href="/blazor/tabs/drag-and-drop">Drag and Drop</a></li>
<li> <a href="/blazor/tabs/accessibility">Accessibility</a></li>
<li> <a href="/blazor/tabs/style">Style and Appearance</a></li>
<li>How To
<ul>
<li> <a href="/blazor/tabs/how-to/add-remove-tab-items">Add/Remove Tab items</a></li>
<li> <a href="/blazor/tabs/how-to/show-hide-tab-item">Show/Hide Tab item</a></li>
<li> <a href="/blazor/tabs/how-to/enable-or-disable-tab-item">Enable/Disable Tab item</a></li>
<li> <a href="/blazor/tabs/how-to/add-nested-tabs">Add nested Tabs</a></li>
<li> <a href="/blazor/tabs/how-to/prevent-content-swipe-selection">Prevent content swipe selection</a></li>
<li> <a href="/blazor/tabs/how-to/create-wizard-using-tab">Create wizard</a></li>
<li> <a href="/blazor/tabs/how-to/customize-selected-tab-styles">Style Customization for active Item</a></li>
<li> <a href="/blazor/tabs/how-to/set-state-persistence-of-the-tab-component">Set state persistence</a></li>
<li> <a href="/blazor/tabs/how-to/customize-the-scrolling-distance">Customize the Scrolling distance</a></li>
<li> <a href="/blazor/tabs/how-to/reorder-active-tab">Prevent reorder active tab</a></li>
<li> <a href="/blazor/tabs/how-to/tab-selection">Find interaction</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfTab.html"> API Reference</a>
</li>
</ul>
</li>
<li>TextBox
<ul>
<li> <a href="/blazor/textbox/getting-started">Getting Started</a></li>
<li> <a href="/blazor/textbox/data-binding">Data Binding</a></li>
<li> <a href="/blazor/textbox/multiline">Multiline</a></li>
<li> <a href="/blazor/textbox/sizing">Sizing</a></li>
<li> <a href="/blazor/textbox/groups">Groups</a></li>
<li> <a href="/blazor/textbox/validation">Validation</a></li>
<li> <a href="/blazor/textbox/native-events">Native Events</a></li>
<li> <a href="/blazor/textbox/events">Events</a></li>
<li>How To
<ul>
<li> <a href="/blazor/textbox/how-to/set-the-rounded-corner">Set the Rounded Corner</a></li>
<li> <a href="/blazor/textbox/how-to/set-the-disabled-state">Set the Disabled State</a></li>
<li> <a href="/blazor/textbox/how-to/set-the-read-only-textbox">Set the Read-only TextBox</a></li>
<li> <a href="/blazor/textbox/how-to/change-the-floating-label-color-of-the-textbox">Change the Floating Label Color of the TextBox</a></li>
<li> <a href="/blazor/textbox/how-to/change-the-color-of-the-textbox-based-on-its-value">Change the Color of the TextBox Based on its Value</a></li>
<li> <a href="/blazor/textbox/how-to/customize-the-textbox-background-color-and-text-color">Customize the TextBox Background-color and Text-color</a></li>
<li> <a href="/blazor/textbox/how-to/create-components-dynamically">Create TextBox component dynamically</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Inputs.SfTextBox.html"> API Reference</a>
</li>
</ul>
</li>
<li>TimePicker
<ul>
<li> <a href="/blazor/timepicker/getting-started">Getting Started</a></li>
<li> <a href="/blazor/timepicker/data-binding">Data Binding</a></li>
<li> <a href="/blazor/timepicker/time-range">Time Range</a></li>
<li> <a href="/blazor/timepicker/globalization">Globalization</a></li>
<li> <a href="/blazor/timepicker/native-events">Native Events</a></li>
<li> <a href="/blazor/timepicker/strict-mode">Strict Mode</a></li>
<li> <a href="/blazor/timepicker/accessibility"> Accessibility</a></li>
<li> <a href="/blazor/timepicker/events">Events</a></li>
<li>How To
<ul>
<li> <a href="/blazor/timepicker/how-to/css-customization">CSS Customization</a></li>
<li> <a href="/blazor/timepicker/how-to/limitation-of-time-span">Limitations of TimeSpan DataType</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Calendars.SfTimePicker-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>Toast
<ul>
<li> <a href="/blazor/toast/getting-started">Getting Started</a></li>
<li> <a href="/blazor/toast/config">Configuring Options</a></li>
<li> <a href="/blazor/toast/position">Positioning</a></li>
<li> <a href="/blazor/toast/action-buttons">Action Buttons</a></li>
<li> <a href="/blazor/toast/timeout">Timeout</a></li>
<li> <a href="/blazor/toast/template">Template</a></li>
<li> <a href="/blazor/toast/animation">Animation</a></li>
<li> <a href="/blazor/toast/style">Style and Appearance</a></li>
<li> <a href="/blazor/toast/accessibility">Accessibility</a></li>
<li> <a href="/blazor/toast/events">Events</a></li>
<li>How To
<ul>
<li> <a href="/blazor/toast/how-to/show-different-types-of-toast">Show different types of toast</a></li>
<li> <a href="/blazor/toast/how-to/show-multiple-toasts-in-various-positions">Show multiple toasts in various positions</a></li>
<li> <a href="/blazor/toast/how-to/change-toast-content-dynamically">Show toast content dynamically</a></li>
<li> <a href="/blazor/toast/how-to/close-the-toast-with-click-tap">Close the toast with click/tap</a></li>
<li> <a href="/blazor/toast/how-to/add-dynamic-template">Add dynamic template</a></li>
<li> <a href="/blazor/toast/how-to/access-specific-toast">Access specific toast</a></li>
<li> <a href="/blazor/toast/how-to/prevent-toast-close-with-mobile-swipe">Prevent toast close with mobile swipe</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Notifications.SfToast.html"> API Reference</a>
</li>
</ul>
</li>
<li>Toggle Switch Button
<ul>
<li> <a href="/blazor/toggle-switch-button/getting-started">Getting Started</a></li>
<li> <a href="/blazor/toggle-switch-button/native-event">Events</a></li>
<li> <a href="/blazor/toggle-switch-button/accessibility">Accessibility</a></li>
<li> <a href="/blazor/toggle-switch-button/style-and-appearance">Styles and Appearances</a></li>
<li>How To
<ul>
<li> <a href="/blazor/toggle-switch-button/how-to/change-size">Change Size</a></li>
<li> <a href="/blazor/toggle-switch-button/how-to/customize-the-appearance-of-a-switch">Customize the appearance of a Toggle Switch Button</a></li>
<li> <a href="/blazor/toggle-switch-button/how-to/enable-rtl">Enable RTL</a></li>
<li> <a href="/blazor/toggle-switch-button/how-to/change-switch-state-using-toggle-method">Change Toggle Switch Button state using toggle method</a></li>
<li> <a href="/blazor/toggle-switch-button/how-to/set-disabled-state">Set disabled state</a></li>
<li> <a href="/blazor/toggle-switch-button/how-to/toggle-switch-model-binding">Toggle Switch Button Model binding</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Buttons.SfSwitch-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>Toolbar
<ul>
<li><a href="/blazor/toolbar/getting-started">Getting Started</a></li>
<li><a href="/blazor/toolbar/item-configuration">Item Configuration</a></li>
<li><a href="/blazor/toolbar/responsive-mode">Responsive Mode</a></li>
<li><a href="/blazor/toolbar/accessibility">Accessibility</a></li>
<li><a href="/blazor/toolbar/style">Style and Appearance</a></li>
<li>How To
<ul>
<li> <a href="/blazor/toolbar/how-to/add-remove-toolbar-items">Add/Remove Toolbar items</a></li>
<li> <a href="/blazor/toolbar/how-to/show-hide-toolbar-item">Show/Hide Toolbar item</a></li>
<li> <a href="/blazor/toolbar/how-to/enable-or-disable-toolbar-item">Enable/Disable Toolbar item</a></li>
<li> <a href="/blazor/toolbar/how-to/set-command-customization">Set command customization</a></li>
<li> <a href="/blazor/toolbar/how-to/set-tool-tip-to-the-commands">Set Blazor Tooltip to the commands</a></li>
<li> <a href="/blazor/toolbar/how-to/set-item-wise-custom-template">Set item-wise custom template</a></li>
<li> <a href="/blazor/toolbar/how-to/add-toggle-button">Add Toggle Button</a></li>
<li> <a href="/blazor/toolbar/how-to/customize-the-scrolling-distance">Customize the Scrolling distance</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfToolbar.html"> API Reference</a>
</li>
</ul>
</li>
<li>Tooltip
<ul>
<li> <a href="/blazor/tooltip/getting-started">Getting Started</a></li>
<li> <a href="/blazor/tooltip/setting-dimension">Setting Dimension</a></li>
<li> <a href="/blazor/tooltip/content">Content</a></li>
<li> <a href="/blazor/tooltip/position">Position</a></li>
<li> <a href="/blazor/tooltip/open-mode">Open Mode</a></li>
<li> <a href="/blazor/tooltip/customization">Customization</a></li>
<li> <a href="/blazor/tooltip/style">Styles and Appearance</a></li>
<li> <a href="/blazor/tooltip/template">Template</a></li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Popups.SfTooltip.html"> API Reference</a>
</li>
</ul>
</li>
<li>TreeGrid
<ul>
<li> <a href="/blazor/treegrid/getting-started">Getting Started</a></li>
<li> <a href="/blazor/treegrid/data-binding">Data Binding</a></li>
<li> <a href="/blazor/treegrid/custom-binding">Custom Binding</a></li>
<li> <a href="/blazor/treegrid/columns">Columns</a>
<ul>
<li><a href="/blazor/treegrid/column-chooser">Column Chooser</a></li>
<li><a href="/blazor/treegrid/column-menu">Column Menu</a></li>
</ul>
</li>
<li> <a href="/blazor/treegrid/rows">Rows</a></li>
<li> <a href="/blazor/treegrid/templates">Templates</a></li>
<li> <a href="/blazor/treegrid/cell">Cell</a></li>
<li> <a href="/blazor/treegrid/edit">Editing</a>
<ul>
<li><a href="/blazor/treegrid/column-validation">Column Validation</a></li>
<li><a href="/blazor/treegrid/auto-fill-like-excel">Auto Fill like Excel</a></li>
</ul>
</li>
<li> <a href="/blazor/treegrid/filtering">Filtering</a></li>
<li> <a href="/blazor/treegrid/sorting">Sorting</a></li>
<li> <a href="/blazor/treegrid/searching">Searching</a></li>
<li> <a href="/blazor/treegrid/paging">Paging</a></li>
<li> <a href="/blazor/treegrid/scrolling">Scrolling</a></li>
<li> <a href="/blazor/treegrid/virtualization">Virtualization</a>
</li>
<li> <a href="/blazor/treegrid/aggregate">Aggregate</a></li>
<li> <a href="/blazor/treegrid/globalization">Globalization</a></li>
<li> <a href="/blazor/treegrid/selection">Selection</a></li>
<li> <a href="/blazor/treegrid/toolbar">Toolbar</a></li>
<li> <a href="/blazor/treegrid/excel-export">Export to Excel</a></li>
<li> <a href="/blazor/treegrid/exporting">Export to PDF</a></li>
<li> <a href="/blazor/treegrid/print">Print</a></li>
<li> <a href="/blazor/treegrid/clipboard">Clipboard</a>
</li>
<li> <a href="/blazor/treegrid/accessibility">Accessibility</a></li>
<li> <a href="/blazor/treegrid/context-menu">Context Menu</a></li>
<li> <a href="/blazor/treegrid/custom-style">Styling and Appearance</a></li>
<li> <a href="/blazor/treegrid/events">Events</a></li>
<li>How To
<ul>
<li> <a href="/blazor/treegrid/how-to/show-or-hide-columns-in-dialog-editing">Show or Hide columns in Dialog editing</a></li>
<li> <a href="/blazor/treegrid/how-to/tool-bar-with-drop-down-list">Create custom toolbar with drop-down list</a></li>
<li> <a href="/blazor/treegrid/how-to/customize-column-styles">Customize Column Styles</a></li>
<li> <a href="/blazor/treegrid/how-to/access-public-methods">Access public methods in Tree Grid</a></li>
<li> <a href="/blazor/treegrid/how-to/change-data-source-dynamically">Change datasource dynamically</a></li>
<li> <a href="/blazor/treegrid/how-to/custom-control-in-treegrid-toolbar">Custom control in Tree Grid toolbar</a></li>
<li> <a href="/blazor/treegrid/how-to/treegrid-customization">Tree Grid customization</a></li>
<li> <a href="/blazor/treegrid/how-to/prevent-default-treegrid-action">Prevent default Tree Grid action</a></li>
<li> <a href="/blazor/treegrid/how-to/row-cell-index">Get index value of selected rowcell</a></li>
<li> <a href="/blazor/treegrid/how-to/select-treegrid-rows-based-on-condition">Select Tree Grid rows based on certain condition</a></li>
<li> <a href="/blazor/treegrid/how-to/customize-icon-column-menu">Customize column menu icon</a></li>
<li> <a href="/blazor/treegrid/how-to/calculate-column-value-based-on-other-columns">Calculate column value based on other columns</a></li>
<li> <a href="/blazor/treegrid/how-to/using-dictionary-values-in-treegrid-data-source">Using dictionary values in Tree Grid datasource</a></li>
<li> <a href="/blazor/treegrid/how-to/custom-toolbar-items-with-text-name-same-as-default-toolbar-items">Custom toolbar items with text name same as default toolbar items</a></li>
<li> <a href="/blazor/treegrid/how-to/render-treegrid-inside-tab-with-specific-height">Render TreeGrid inside the Tab with specific height</a></li>
<li> <a href="/blazor/treegrid/how-to/single-click-editing-with-batch-mode">Single click editing with Batch mode</a></li>
<li> <a href="/blazor/treegrid/how-to/editing-with-template-column">Editing with template column</a></li>
<li> <a href="/blazor/treegrid/how-to/hide-treegrid-header">Hide Tree Grid Header</a></li>
<li> <a href="/blazor/treegrid/how-to/display-custom-tool-tip-in-treegrid-cell">Display Custom Tooltip in Tree Grid cell</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.TreeGrid.SfTreeGrid-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>TreeMap
<ul>
<li> <a href="/blazor/treemap/getting-started">Getting Started</a></li>
<li> <a href="/blazor/treemap/data-binding">Data Binding</a></li>
<li> <a href="/blazor/treemap/layout">Layout</a></li>
<li> <a href="/blazor/treemap/leaf-item">Leaf Item</a></li>
<li> <a href="/blazor/treemap/levels">Levels</a></li>
<li> <a href="/blazor/treemap/color-mapping">Color Mapping</a></li>
<li> <a href="/blazor/treemap/labels">Data Label</a></li>
<li> <a href="/blazor/treemap/legend">Legend</a></li>
<li> <a href="/blazor/treemap/drill-down">Drilldown</a></li>
<li> <a href="/blazor/treemap/tooltip">Tooltip</a></li>
<li> <a href="/blazor/treemap/selection-and-highlight">Selection and Highlight</a></li>
<li> <a href="/blazor/treemap/print-and-export">Print and Export</a></li>
<li> <a href="/blazor/treemap/accessibility">Accessibility</a></li>
<li> <a href="/blazor/treemap/internationalization">Globalization</a></li>
<li> <a href="/blazor/treemap/events">Events</a></li>
<li> <a href="/blazor/treemap/methods">Methods</a></li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.TreeMap.SfTreeMap-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>TreeView
<ul>
<li> <a href="/blazor/treeview/getting-started">Getting Started</a></li>
<li> <a href="/blazor/treeview/data-binding">Data Binding</a></li>
<li> <a href="/blazor/treeview/check-box">CheckBox</a></li>
<li> <a href="/blazor/treeview/node-editing">Node Editing</a></li>
<li> <a href="/blazor/treeview/multiple-selection">MultiSelection</a></li>
<li> <a href="/blazor/treeview/drag-and-drop">Drag and Drop</a></li>
<li> <a href="/blazor/treeview/accessibility">Accessibility</a></li>
<li> <a href="/blazor/treeview/template">Template</a></li>
<li>How To
<ul>
<li> <a href="/blazor/treeview/how-to/customize-the-expand-and-collapse-icons">Customize the expand and collapse icons</a></li>
<li> <a href="/blazor/treeview/how-to/customize-the-tree-nodes-based-on-levels">Customize the tree nodes based on levels</a></li>
<li> <a href="/blazor/treeview/how-to/process-the-tree-node-operations-using-context-menu">Process the tree node operations using context menu</a></li>
<li> <a href="/blazor/treeview/how-to/check-uncheck-the-checkbox-on-clicking-the-tree-node-text">Check/uncheck the checkbox on clicking the tree node text</a></li>
<li> <a href="/blazor/treeview/how-to/validate-the-text-when-renaming-the-tree-node">Validate the text when renaming the tree node</a></li>
<li> <a href="/blazor/treeview/how-to/accordion-tree">Customize treeview as accordion</a></li>
<li> <a href="/blazor/treeview/how-to/set-tool-tip-for-tree-nodes">Set tooltip for tree nodes</a></li>
<li> <a href="/blazor/treeview/how-to/remove-parent-checkbox">Remove checkbox of the parent node</a></li>
<li> <a href="/blazor/treeview/how-to/get-dynamic-icon">Get iconCss dynamically in treeview</a></li>
<li> <a href="/blazor/treeview/how-to/get-all-child-nodes">Get all child nodes through parentID in treeview</a></li>
</ul>
</li>
<li>
<a href="/cr/blazor/Syncfusion.Blazor.Navigations.SfTreeView-1.html"> API Reference</a>
</li>
</ul>
</li>
<li>XlsIO
<ul>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/overview">Overview</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/assemblies-required">Assemblies Required</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/nuget-packages-required">NuGet Packages Required</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/create-read-edit-excel-files-in-blazor-c-sharp">Getting Started</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/loading-and-saving-workbook">Loading and Saving Workbook</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/working-with-excel-worksheet">Working With Excel Worksheet</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/worksheet-rows-and-columns-manipulation">Worksheet Rows and Columns Manipulation</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/worksheet-cells-manipulation">Worksheet Cells Manipulation</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/working-with-cell-or-range-formatting">Working With Cell Or Range Formatting</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/working-with-data">Working With Data</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/working-with-formulas">Working With Formulas</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/working-with-conditional-formatting">Working With Conditional Formatting</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/working-with-data-validation">Working With Data Validation</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/working-with-charts">Working With Charts</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/working-with-template-markers">Working With Template Markers</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/working-with-tables">Working With Tables</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/working-with-pictures">Working With Pictures</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/working-with-pivot-tables">Working With Pivot Tables</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/working-with-pivot-charts">Working With Pivot Charts</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/security">Security</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/working-with-drawing-objects">Working With Drawing Objects</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/excel-to-pdf-conversion">Excel To PDF Conversion</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/excel-to-pdf-converter-settings">Excel To PDF Converter Settings</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/worksheet-to-image-conversion">Worksheet To Image Conversion</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/chart-to-image-conversion">Chart To Image Conversion</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/excel-to-ods-conversion">Excel To ODS Conversion</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/custom-xml-support">Custom XML Support</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/migration-from-office-automation-to-syncfusion-xlsio">Migration From Office Automation To Syncfusion XlsIO</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/supported-features-by-file-formats">Supported Features By File Formats</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/supported-features-by-platforms">Supported Features By Platforms</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/improving-performance">Improving Performance</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/known-exceptions">Known Exceptions</a></li>
<li> <a href="https://help.syncfusion.com/file-formats/xlsio/faq">FAQ</a></li>
</ul>
</li>
<li>Release Notes
<ul><li>2021 Volume 4 - 19.4.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/19.4.41">19.4.41</a></li><li><a href="/blazor/release-notes/19.4.40">19.4.40</a></li></ul></li><li><a href="/blazor/release-notes/19.4.38">19.4.38 Main Release</a></li></ul></li><li>2021 volume 3 - 19.3.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/19.3.59">19.3.59</a></li><li><a href="/blazor/release-notes/19.3.57">19.3.57</a></li><li><a href="/blazor/release-notes/19.3.56">19.3.56</a></li><li><a href="/blazor/release-notes/19.3.55">19.3.55</a></li><li><a href="/blazor/release-notes/19.3.54">19.3.54</a></li><li><a href="/blazor/release-notes/19.3.48">19.3.48</a></li><li><a href="/blazor/release-notes/19.3.47">19.3.47</a></li><li><a href="/blazor/release-notes/19.3.46">19.3.46</a></li><li><a href="/blazor/release-notes/19.3.45">19.3.45</a></li><li><a href="/blazor/release-notes/19.3.44">19.3.44</a></li></ul></li><li><a href="/blazor/release-notes/19.3.53">19.3.53 Service Pack Release</a></li><li><a href="/blazor/release-notes/19.3.43">19.3.43 Main Release</a></li></ul></li><li>2021 Volume 2 - 19.2.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/19.2.62">19.2.62</a></li><li><a href="/blazor/release-notes/19.2.60">19.2.60</a></li><li><a href="/blazor/release-notes/19.2.59">19.2.59</a></li><li><a href="/blazor/release-notes/19.2.57">19.2.57</a></li><li><a href="/blazor/release-notes/19.2.56">19.2.56</a></li><li><a href="/blazor/release-notes/19.2.51">19.2.51</a></li><li><a href="/blazor/release-notes/19.2.49">19.2.49</a></li><li><a href="/blazor/release-notes/19.2.48">19.2.48</a></li><li><a href="/blazor/release-notes/19.2.47">19.2.47</a></li><li><a href="/blazor/release-notes/19.2.46">19.2.46</a></li></ul></li><li><a href="/blazor/release-notes/19.2.55">19.2.55 Service Pack Release</a></li><li><a href="/blazor/release-notes/19.2.44">19.2.44 Main Release</a></li></ul></li><li>2021 volume 1 - 19.1.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/19.1.69">19.1.69</a></li><li><a href="/blazor/release-notes/19.1.67">19.1.67</a></li><li><a href="/blazor/release-notes/19.1.66">19.1.66</a></li><li><a href="/blazor/release-notes/19.1.65">19.1.65</a></li><li><a href="/blazor/release-notes/19.1.64">19.1.64</a></li><li><a href="/blazor/release-notes/19.1.59">19.1.59</a></li><li><a href="/blazor/release-notes/19.1.58">19.1.58</a></li><li><a href="/blazor/release-notes/19.1.57">19.1.57</a></li><li><a href="/blazor/release-notes/19.1.56">19.1.56</a></li><li><a href="/blazor/release-notes/19.1.55">19.1.55</a></li></ul></li><li><a href="/blazor/release-notes/19.1.63">19.1.63 Service Pack Release</a></li><li><a href="/blazor/release-notes/19.1.54">19.1.54 Main release</a></li></ul></li>
<li>2020 volume 4 - 18.4.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/18.4.49">18.4.49</a></li><li><a href="/blazor/release-notes/18.4.48">18.4.48</a></li><li><a href="/blazor/release-notes/18.4.47">18.4.47</a></li><li><a href="/blazor/release-notes/18.4.46">18.4.46</a></li><li><a href="/blazor/release-notes/18.4.44">18.4.44</a></li><li><a href="/blazor/release-notes/18.4.43">18.4.43</a></li><li><a href="/blazor/release-notes/18.4.42">18.4.42</a></li><li><a href="/blazor/release-notes/18.4.41">18.4.41</a></li><li><a href="/blazor/release-notes/18.4.35">18.4.35</a></li><li><a href="/blazor/release-notes/18.4.34">18.4.34</a></li><li><a href="/blazor/release-notes/18.4.33">18.4.33</a></li><li><a href="/blazor/release-notes/18.4.32">18.4.32</a></li><li><a href="/blazor/release-notes/18.4.31">18.4.31</a></li></ul></li><li><a href="/blazor/release-notes/18.4.39">18.4.39 Service Pack Release</a></li><li><a href="/blazor/release-notes/18.4.30">18.4.30 Main Release</a></li></ul></li>
<li>2020 volume 3 - 18.3.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/18.3.53">18.3.53</a></li><li><a href="/blazor/release-notes/18.3.52">18.3.52</a></li><li><a href="/blazor/release-notes/18.3.51">18.3.51</a></li><li><a href="/blazor/release-notes/18.3.50">18.3.50</a></li><li><a href="/blazor/release-notes/18.3.48">18.3.48</a></li><li><a href="/blazor/release-notes/18.3.44">18.3.44</a></li><li><a href="/blazor/release-notes/18.3.42">18.3.42</a></li><li><a href="/blazor/release-notes/18.3.41">18.3.41</a></li><li><a href="/blazor/release-notes/18.3.40">18.3.40</a></li><li><a href="/blazor/release-notes/18.3.38">18.3.38</a></li></ul></li><li><a href="/blazor/release-notes/18.3.47">18.3.47 Service Pack Release</a></li><li><a href="/blazor/release-notes/18.3.35">18.3.35 Main release</a></li></ul></li>
<li>2020 volume 2 - 18.2.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/18.2.59">18.2.59</a></li><li><a href="/blazor/release-notes/18.2.58">18.2.58</a></li><li><a href="/blazor/release-notes/18.2.57">18.2.57</a></li><li><a href="/blazor/release-notes/18.2.56">18.2.56</a></li><li><a href="/blazor/release-notes/18.2.55">18.2.55</a></li><li><a href="/blazor/release-notes/18.2.54">18.2.54</a></li><li><a href="/blazor/release-notes/18.2.48">18.2.48</a></li><li><a href="/blazor/release-notes/18.2.47">18.2.47</a></li><li><a href="/blazor/release-notes/18.2.46">18.2.46</a></li><li><a href="/blazor/release-notes/18.2.45">18.2.45</a></li></ul></li><li><a href="/blazor/release-notes/18.2.44">18.2.44 Main Release</a></li></ul></li>
<li>2020 volume 1 - 18.1.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/18.1.59">18.1.59</a></li><li><a href="/blazor/release-notes/18.1.58">18.1.58</a></li><li><a href="/blazor/release-notes/18.1.57">18.1.57</a></li><li><a href="/blazor/release-notes/18.1.56">18.1.56</a></li><li><a href="/blazor/release-notes/18.1.55">18.1.55</a></li><li><a href="/blazor/release-notes/18.1.54">18.1.54</a></li><li><a href="/blazor/release-notes/18.1.53">18.1.53</a></li><li><a href="/blazor/release-notes/18.1.48">18.1.48</a></li><li><a href="/blazor/release-notes/18.1.46">18.1.46</a></li><li><a href="/blazor/release-notes/18.1.45">18.1.45</a></li><li><a href="/blazor/release-notes/18.1.44">18.1.44</a></li><li><a href="/blazor/release-notes/18.1.43">18.1.43</a></li></ul></li><li><a href="/blazor/release-notes/18.1.52">18.1.52 Service Pack Release</a></li><li><a href="/blazor/release-notes/18.1.42">18.1.42 Main Release</a></li><li><a href="/blazor/release-notes/18.1.36">18.1.36 Beta Release</a></li></ul></li>
<li>2019 volume 4 - 17.4.*<ul><li> Weekly Nuget Release <ul><li><a href="/blazor/release-notes/17.4.55">17.4.55</a></li><li><a href="/blazor/release-notes/17.4.54">17.4.54</a></li><li><a href="/blazor/release-notes/17.4.53">17.4.53</a></li><li><a href="/blazor/release-notes/17.4.51">17.4.51</a></li><li><a href="/blazor/release-notes/17.4.50">17.4.50</a></li><li><a href="/blazor/release-notes/17.4.49">17.4.49</a></li><li><a href="/blazor/release-notes/17.4.47">17.4.47</a></li><li><a href="/blazor/release-notes/17.4.44">17.4.44</a></li><li><a href="/blazor/release-notes/17.4.43">17.4.43</a></li><li><a href="/blazor/release-notes/17.4.42">17.4.42</a></li><li><a href="/blazor/release-notes/17.4.41">17.4.41</a></li><li><a href="/blazor/release-notes/17.4.40">17.4.40</a></li></ul></li><li><a href="/blazor/release-notes/17.4.46">17.4.46 Service Pack Release</a></li><li><a href="/blazor/release-notes/17.4.39">17.4.39 Main Release</a></li></ul></li>
<li>2019 Volume 3 - 17.3.*
<ul>
<li> Weekly Nuget Release
<ul><li><a href="/blazor/release-notes/17.3.28">17.3.28</a></li><li><a href="/blazor/release-notes/17.3.27">17.3.27</a></li>
<li><a href="/blazor/release-notes/17.3.21">17.3.21</a></li>
<li><a href="/blazor/release-notes/17.3.19">17.3.19</a></li>
<li><a href="/blazor/release-notes/17.3.17">17.3.17</a></li>
</ul>
</li>
<li><a href="/blazor/release-notes/17.3.26">17.3.26 Service Pack Release</a></li>
<li><a href="/blazor/release-notes/17.3.14">17.3.14 Main Release </a></li>
<li><a href="/blazor/release-notes/17.3.10">17.3.10 Beta Release </a></li>
<li><a href="/blazor/release-notes/17.3.9">17.3.9 Beta Release </a></li>
</ul>
</li>
<li> 2019 Volume 2 - 17.2.*
<ul>
<li> Weekly NuGet Release
<ul>
<li><a href="/blazor/release-notes/17.2.52">17.2.52</a></li>
<li><a href="/blazor/release-notes/17.2.50">17.2.50</a></li>
<li><a href="/blazor/release-notes/17.2.49">17.2.49</a></li>
<li> <a href="/blazor/release-notes/17.2.47">17.2.47</a></li>
<li> <a href="/blazor/release-notes/17.2.40">17.2.40</a></li>
<li> <a href="/blazor/release-notes/17.2.39">17.2.39</a></li>
<li> <a href="/blazor/release-notes/17.2.36">17.2.36</a></li>
<li> <a href="/blazor/release-notes/17.2.35">17.2.35</a></li>
</ul>
</li>
<li> <a href="/blazor/release-notes/17.2.46">17.2.46 Service Pack Release</a></li>
<li> <a href="/blazor/release-notes/17.2.34">17.2.34 Main Release</a></li>
<li> <a href="/blazor/release-notes/17.2.28">17.2.28 Beta Release</a></li>
</ul>
</li>
<li> 2019 Volume 1 - 17.1.*
<ul>
<li> Weekly NuGet Release
<ul>
<li> <a href="/blazor/release-notes/17.1.53">17.1.53</a></li>
<li> <a href="/blazor/release-notes/17.1.52">17.1.52</a></li>
<li> <a href="/blazor/release-notes/17.1.51">17.1.51</a></li>
<li> <a href="/blazor/release-notes/17.1.50">17.1.50</a></li>
<li> <a href="/blazor/release-notes/17.1.49">17.1.49</a></li>
<li> <a href="/blazor/release-notes/17.1.48">17.1.48</a></li>
<li> <a href="/blazor/release-notes/17.1.44">17.1.44</a></li>
<li> <a href="/blazor/release-notes/17.1.43">17.1.43</a></li>
<li> <a href="/blazor/release-notes/17.1.42">17.1.42</a></li>
</ul>
</li>
<li> <a href="/blazor/release-notes/17.1.47">17.1.47 Service Pack Release</a></li>
<li> <a href="/blazor/release-notes/17.1.38">17.1.38 Main Release</a></li>
<li> <a href="/blazor/release-notes/17.1.34">17.1.34 Beta Release</a></li>
<li> <a href="/blazor/release-notes/17.1.32">17.1.32 Beta Release</a></li>
</ul>
</li>
</ul>
</li>
</ul>