How do you get the target element onclick event in Blazor?

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

近视的胡萝卜 · Koolshare之Openwrt上安装ze ...· 1 月前 ·

叛逆的洋葱 · python抓取txt关键字 - CSDN文库· 2 月前 ·

坚强的稀饭 · realme oppo联发科技型强解bl ...· 7 月前 ·

体贴的葡萄 · 【图片】【大河字幕组】2022年大河剧《镰仓 ...· 7 月前 ·

谈吐大方的跑步鞋 · 英菲尼迪电动车LE跳票电池升级后或再议 ...· 1 年前 ·

}

</noscript><div data-elementor-type="header" data-elementor-id="94023" class="elementor elementor-94023 elementor-location-header" data-elementor-post-type="elementor_library"><header data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-1fdc280e elementor-hidden-tablet elementor-hidden-phone elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no" data-id="1fdc280e" data-element_type="section" id="top-section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}"><div class="elementor-container elementor-column-gap-default"><div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-31476696" data-id="31476696" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-65de1d25 elementor-widget elementor-widget-html" data-id="65de1d25" data-element_type="widget" data-widget_type="html.default"><div class="elementor-widget-container"><div id="banner-content"/></div></div></div></div><div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-501d1ddc" data-id="501d1ddc" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-79302f1b elementor-nav-menu__align-right elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="79302f1b" data-element_type="widget" data-settings="{&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;i class=\&quot;fas fa-caret-down\&quot;&gt;&lt;\/i&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}" data-widget_type="nav-menu.default"><div class="elementor-widget-container"><nav class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade"><ul id="menu-1-79302f1b" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-35"><a href="https://www.syncfusion.com/company/contact-us" class="elementor-item">Contact Us</a></li></ul></nav><div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false"> <i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--open eicon-menu-bar"/><i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--close eicon-close"/> <span class="elementor-screen-only">Menu</span></div><nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"><ul id="menu-2-79302f1b" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-35"><a href="https://www.syncfusion.com/company/contact-us" class="elementor-item" tabindex="-1">Contact Us</a></li></ul></nav></div></div></div></div><div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-5074e338" data-id="5074e338" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-1361a407 elementor-widget elementor-widget-html" data-id="1361a407" data-element_type="widget" data-widget_type="html.default"><div class="elementor-widget-container"><p id="signin-button-section" class="sign-in-sec"/></div></div></div></div></div></header><section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-2922b533 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no" data-id="2922b533" data-element_type="section" id="sign-out-section"><div class="elementor-container elementor-column-gap-default"><div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-189463fc" data-id="189463fc" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-6d46902b elementor-widget elementor-widget-html" data-id="6d46902b" data-element_type="widget" data-widget_type="html.default"><div class="elementor-widget-container"><div id="logout-section"><div class="Customerinformation"><div class="dashboard"> <a href="http://www.syncfusion.com/account" class="content-medium">My Dashboard</a></div></div></div></div></div><div class="elementor-element elementor-element-4b3e290d elementor-widget elementor-widget-button" data-id="4b3e290d" data-element_type="widget" data-widget_type="button.default"><div class="elementor-widget-container"><div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://www.syncfusion.com/account/logoff" id="logout-button"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Sign out</span> </span> </a></div></div></div></div></div></div></section><header data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-6ab8b63 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no" data-id="6ab8b63" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}"><div class="elementor-container elementor-column-gap-default"><div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c2448b9" data-id="c2448b9" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-8da78e4 elementor-widget elementor-widget-html" data-id="8da78e4" data-element_type="widget" id="blog-site-logo" data-widget_type="html.default"><div class="elementor-widget-container"> <a href="https://www.syncfusion.com"> <noscript><img src="https://www.syncfusion.com/blogs/wp-content/uploads/thegem-logos/logo_5bdd26f0a871184a9c5b7be506bab1c4_3x.png" alt="Syncfusion Blogs" title="Syncfusion"/></noscript><img class="lazyload" src="data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E" data-src="https://www.syncfusion.com/blogs/wp-content/uploads/thegem-logos/logo_5bdd26f0a871184a9c5b7be506bab1c4_3x.png" alt="Syncfusion Blogs" title="Syncfusion"/> </a></div></div></div></div><div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-930af7b" data-id="930af7b" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-0f603a2 wpr-main-menu-align-left wpr-main-menu-align--tabletleft wpr-main-menu-align--mobileleft wpr-pointer-underline wpr-pointer-line-fx wpr-pointer-fx-fade wpr-sub-icon-caret-down wpr-sub-menu-fx-fade wpr-nav-menu-bp-tablet wpr-mobile-menu-display-dropdown wpr-mobile-menu-full-width wpr-mobile-toggle-v1 wpr-mobile-divider-yes elementor-widget elementor-widget-wpr-mega-menu" data-id="0f603a2" data-element_type="widget" id="navigation-menu-column" data-settings="{&quot;menu_layout&quot;:&quot;horizontal&quot;}" data-widget_type="wpr-mega-menu.default"><div class="elementor-widget-container"><nav class="wpr-nav-menu-container wpr-mega-menu-container wpr-nav-menu-horizontal" data-trigger="click"><ul id="menu-1-0f603a2" class="wpr-nav-menu wpr-mega-menu"><li class="menu-firstitem menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-22 menu-item-has-children wpr-mega-menu-true wpr-mega-menu-pos-default wpr-mega-menu-width-custom" data-custom-width="1200" data-id="22"><a title="Products" href="#" class="wpr-menu-item wpr-pointer-item"><span>Products</span><i class="wpr-sub-icon fas" aria-hidden="true"/></a><div class="wpr-sub-mega-menu"><div data-elementor-type="wp-post" data-elementor-id="94011" class="elementor elementor-94011" data-elementor-post-type="wpr_mega_menu"><section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-9354d49 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no" data-id="9354d49" data-element_type="section"><div class="elementor-container elementor-column-gap-default"><div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7e755abf" data-id="7e755abf" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-61d25e73 elementor-widget elementor-widget-shortcode" data-id="61d25e73" data-element_type="widget" data-widget_type="shortcode.default"><div class="elementor-widget-container"><div class="elementor-shortcode"><div class="products-menu"><div class="products-items"><div class="navbar"><div class="support-headers"> <a role="button" onclick="showContent('web',event)" data-content-id="web" class="active">Web <span class="active-border"/></a> <a role="button" onclick="showContent('mobile',event)" data-content-id="mobile">Mobile<span class="active-border"/></a> <a role="button" onclick="showContent('desktop',event)" data-content-id="desktop">Desktop<span class="active-border"/></a></div><div class="platform-headers"> <a role="button" onclick="showContent('document-processing',event)" data-content-id="document-processing">Document Processing Libraries<span class="active-border"/></a> <a role="button" onclick="showContent('enterprise-solution',event)" data-content-id="enterprise-solution">Enterprise Solutions<span class="active-border"/></a> <a role="button" onclick="showContent('free-products',event)" data-content-id="free-products">Free Products<span class="active-border"/></a></div></div><div id="web" class="content "><div class="products-navigation-bar"><span class="sf-icon-chevron-left"/><span class="sf-icon-close"/></div><div class="side-navbar"> <a role="button" data-content-id="blazor-web" onclick="showSideContent('blazor-web', event)" class="active"><span class="platform-icon blazor"/>Blazor<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="react-web" onclick="showSideContent('react-web', event)" class=""><span class="platform-icon react"/>React<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="angular-web" onclick="showSideContent('angular-web', event)" class=""><span class="platform-icon angular"/>Angular<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="javascript-web" onclick="showSideContent('javascript-web', event)" class=""><span class="platform-icon javascript"/>JavaScript<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="vue-web" onclick="showSideContent('vue-web', event)" class=""><span class="platform-icon vue"/>Vue<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="flutter-web" onclick="showSideContent('flutter-web', event)" class=""><span class="platform-icon flutter"/>Flutter<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="asp-net-core-web" onclick="showSideContent('asp-net-core-web', event)" class=""><span class="platform-icon asp-net-core"/>ASP.NET Core<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="asp-net-mvc-web" onclick="showSideContent('asp-net-mvc-web', event)" class=""><span class="platform-icon asp-net-mvc"/>ASP.NET MVC<span class="sf-icon-chevron-right-small"/></a><div class="custom-dropdown mobile-dropdown" onclick="toggleMenuDropdown('web')"><div class="selected-option"> <span class="option-text">Blazor</span> <span class="sf-icon-chevron-down-small"/></div><ul class="dropdown-menu"><li data-value="Blazor" onclick="selectOption('blazor-web', 'Blazor' , 'web')">Blazor</li><li data-value="React" onclick="selectOption('react-web', 'React' , 'web')">React</li><li data-value="Angular" onclick="selectOption('angular-web', 'Angular' , 'web')">Angular</li><li data-value="JavaScript" onclick="selectOption('javascript-web', 'JavaScript' , 'web')">JavaScript</li><li data-value="Vue" onclick="selectOption('vue-web', 'Vue' , 'web')">Vue</li><li data-value="Flutter" onclick="selectOption('flutter-web', 'Flutter' , 'web')">Flutter</li><li data-value="ASP.NET Core" onclick="selectOption('asp-net-core-web', 'ASP.NET Core' , 'web')">ASP.NET Core</li><li data-value="ASP.NET MVC" onclick="selectOption('asp-net-mvc-web', 'ASP.NET MVC' , 'web')">ASP.NET MVC</li></ul></div></div><div id="blazor-web" class="side-content " data-content-link="https://blazor.syncfusion.com/" data-platform-name="blazor-components" data-download-link="blazor?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Blazor<span class="right-arrow-link"/></div> <a class="component-link" href="/blazor-components">Explore 85+ Blazor Components <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Components" oninput="handleInput('blazor-web',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/blazor-components/blazor-datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid component.</span></div> </a> <a href="/blazor-components/blazor-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">50+ fast and interactive chart types.</span></div> </a> <a href="/blazor-components/blazor-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar component.</span></div> </a> <a href="/blazor-components/blazor-tree-grid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid component.</span></div> </a> <a href="/blazor-components/blazor-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/blazor-components/blazor-word-processor" class="platform-item"><div class="platform-image sf-icon-word-processor"/><div class="platform-details"> <span class="control-header">Word Processor</span> <span class="control-description">A WYSIWYG document editor component.</span></div> </a> <a href="/blazor-components/blazor-wysiwyg-rich-text-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor component.</span></div> </a> <a href="/blazor-components/blazor-file-upload" class="platform-item"><div class="platform-image sf-icon-file-upload"/><div class="platform-details"> <span class="control-header">File Upload</span> <span class="control-description">An advanced input file component to upload files.</span></div> </a> <a href="/blazor-components/blazor-dropdown-list" class="platform-item"><div class="platform-image sf-icon-dropdown-list"/><div class="platform-details"> <span class="control-header">Dropdown List</span> <span class="control-description">Rich UI dropdown list templates.</span></div> </a> <a href="/blazor-components/blazor-modal-dialog" class="platform-item"><div class="platform-image sf-icon-dialog"/><div class="platform-details"> <span class="control-header">Dialog</span> <span class="control-description">A modal window that appears in front of apps with info.</span></div> </a> <a href="/blazor-components/blazor-image-editor" class="platform-item"><div class="platform-image sf-icon-image-editor"/><div class="platform-details"> <span class="control-header">Image Editor</span> <span class="control-description">Built-in features to annotate and filter images.</span></div> </a> <a href="/blazor-components/blazor-sidebar" class="platform-item"><div class="platform-image sf-icon-side-bar"/><div class="platform-details"> <span class="control-header">Sidebar</span> <span class="control-description">A reactive sidebar with docking options.</span></div> </a> <a href="/blazor-components/blazor-dashboard" class="platform-item"><div class="platform-image sf-icon-dashboard"/><div class="platform-details"> <span class="control-header">Dashboard</span> <span class="control-description">Interactive and responsive layout component.</span></div> </a> <a href="/blazor-components/blazor-file-manager" class="platform-item"><div class="platform-image sf-icon-file-manager"/><div class="platform-details"> <span class="control-header">File Manager</span> <span class="control-description">Manage files and folders in the file system.</span></div> </a> <a href="/blazor-components/blazor-gantt-chart" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/blazor-components/blazor-tabs" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">Tabs</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/blazor-components/blazor-diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/blazor-components/blazor-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/blazor-components/blazor-map" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/blazor-components/blazor-query-builder" class="platform-item"><div class="platform-image sf-icon-query-builder"/><div class="platform-details"> <span class="control-header">Query Builder</span> <span class="control-description">Responsive UI for filtering large amounts of data.</span></div> </a></div></div><div id="react-web" class="side-content hidden" data-content-link="https://ej2.syncfusion.com/home/react.html" data-platform-name="react" data-download-link="react?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">React<span class="right-arrow-link"/></div> <a class="component-link" href="/react-components">Explore 85+ React Components <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Components" oninput="handleInput('react-web',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/react-components/react-data-grid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid component.</span></div> </a> <a href="/react-components/react-wysiwyg-rich-text-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor component.</span></div> </a> <a href="/react-components/react-query-builder" class="platform-item"><div class="platform-image sf-icon-query-builder"/><div class="platform-details"> <span class="control-header">Query Builder UI</span> <span class="control-description">Reactive UI for Filtering Large Amounts of Data.</span></div> </a> <a href="/react-components/react-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">50+ fast and interactive chart types.</span></div> </a> <a href="/react-components/react-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/react-components/react-maps-library" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/react-components/react-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar component.</span></div> </a> <a href="/react-components/react-daterangepicker" class="platform-item"><div class="platform-image sf-icon-date-picker"/><div class="platform-details"> <span class="control-header">DateRangePicker</span> <span class="control-description">A responsive Calendar Picker component.</span></div> </a> <a href="/react-components/react-calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar component.</span></div> </a> <a href="/react-components/react-word-processor" class="platform-item"><div class="platform-image sf-icon-word-processor"/><div class="platform-details"> <span class="control-header">Word Processor</span> <span class="control-description">A WYSIWYG document editor component.</span></div> </a> <a href="/react-components/react-stock-chart" class="platform-item"><div class="platform-image sf-icon-stock-chart"/><div class="platform-details"> <span class="control-header">Stock Chart</span> <span class="control-description">Easy-to-use financial charts.</span></div> </a> <a href="/react-components/react-gantt-chart" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/react-components/react-tree-grid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid component.</span></div> </a> <a href="/react-components/react-dashboard-layout" class="platform-item"><div class="platform-image sf-icon-dashboard"/><div class="platform-details"> <span class="control-header">Dashboard Layout</span> <span class="control-description">Interactive and responsive layout component.</span></div> </a> <a href="/react-components/react-diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/react-components/react-pivot-table" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Table</span> <span class="control-description">Feature-rich Pivot Table component.</span></div> </a> <a href="/react-components/react-file-upload" class="platform-item"><div class="platform-image sf-icon-file-upload"/><div class="platform-details"> <span class="control-header">File Upload</span> <span class="control-description">An advanced input file component to upload files.</span></div> </a> <a href="/react-components/react-file-manager" class="platform-item"><div class="platform-image sf-icon-file-manager"/><div class="platform-details"> <span class="control-header">File Manager</span> <span class="control-description">Manage files and folders in the file system.</span></div> </a> <a href="/react-components/react-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/react-components/react-spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a></div></div><div id="angular-web" class="side-content hidden" data-content-link="https://ej2.syncfusion.com/home/angular.html" data-platform-name="angular" data-download-link="angular?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Angular<span class="right-arrow-link"/></div> <a class="component-link" href="/angular-components">Explore 85+ Angular Components <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Components" oninput="handleInput('angular-web',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/angular-components/angular-grid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid component.</span></div> </a> <a href="/angular-components/angular-word-processor" class="platform-item"><div class="platform-image sf-icon-word-processor"/><div class="platform-details"> <span class="control-header">Word Processor</span> <span class="control-description">A WYSIWYG document editor component.</span></div> </a> <a href="/angular-components/angular-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/angular-components/angular-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar component.</span></div> </a> <a href="/angular-components/angular-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">50+ fast and interactive chart types.</span></div> </a> <a href="/angular-components/angular-gantt-chart" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/angular-components/angular-spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/angular-components/angular-diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/angular-components/angular-tree-grid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid component.</span></div> </a> <a href="/angular-components/angular-wysiwyg-rich-text-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor component.</span></div> </a> <a href="/angular-components/angular-pivot-table" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Table</span> <span class="control-description">Feature-rich Pivot Table component.</span></div> </a> <a href="/angular-components/angular-dropdown-list" class="platform-item"><div class="platform-image sf-icon-dropdown-list"/><div class="platform-details"> <span class="control-header">Dropdown List</span> <span class="control-description">Rich UI dropdown list templates.</span></div> </a> <a href="/angular-components/angular-file-manager" class="platform-item"><div class="platform-image sf-icon-file-manager"/><div class="platform-details"> <span class="control-header">File Manager</span> <span class="control-description">Manage files and folders in the file system.</span></div> </a> <a href="/angular-components/angular-file-upload" class="platform-item"><div class="platform-image sf-icon-file-upload"/><div class="platform-details"> <span class="control-header">File Upload</span> <span class="control-description">An advanced input file component to upload files.</span></div> </a> <a href="/angular-components/angular-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/angular-components/angular-multiselect-dropdown" class="platform-item"><div class="platform-image sf-icon-multiselect-dropdown"/><div class="platform-details"> <span class="control-header">MultiSelect Dropdown</span> <span class="control-description">Customizable UI with Checkbox for selection.</span></div> </a> <a href="/angular-components/angular-tabs" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">Tabs</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/angular-components/angular-query-builder" class="platform-item"><div class="platform-image sf-icon-query-builder"/><div class="platform-details"> <span class="control-header">Query Builder UI</span> <span class="control-description">Reactive UI for filtering large amounts of data.</span></div> </a> <a href="/angular-components/angular-dashboard-layout" class="platform-item"><div class="platform-image sf-icon-dashboard"/><div class="platform-details"> <span class="control-header">Dashboard Layout</span> <span class="control-description">Interactive and responsive layout component.</span></div> </a> <a href="/angular-components/angular-kanban-board" class="platform-item"><div class="platform-image sf-icon-kanban"/><div class="platform-details"> <span class="control-header">Kanban</span> <span class="control-description">Manage tasks with Swimlane.</span></div> </a></div></div><div id="javascript-web" class="side-content hidden" data-content-link="https://ej2.syncfusion.com/home/index.html" data-platform-name="essential-js2" data-download-link="essential-js2?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">JavaScript<span class="right-arrow-link"/></div> <a class="component-link" href="/javascript-ui-controls">Explore 85+ JavaScript UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('javascript-web',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/javascript-ui-controls/js-data-grid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/javascript-ui-controls/js-word-processor" class="platform-item"><div class="platform-image sf-icon-word-processor"/><div class="platform-details"> <span class="control-header">Word Processor</span> <span class="control-description">A WYSIWYG document editor control.</span></div> </a> <a href="/javascript-ui-controls/js-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/javascript-ui-controls/js-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/javascript-ui-controls/js-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">50+ fast and interactive chart types.</span></div> </a> <a href="/javascript-ui-controls/js-gantt-chart" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/javascript-ui-controls/js-spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/javascript-ui-controls/js-diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/javascript-ui-controls/js-tree-grid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid control.</span></div> </a> <a href="/javascript-ui-controls/js-wysiwyg-rich-text-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor control.</span></div> </a> <a href="/javascript-ui-controls/js-pivot-table" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Table</span> <span class="control-description">Feature-rich Pivot Table control.</span></div> </a> <a href="/javascript-ui-controls/js-dropdown-list" class="platform-item"><div class="platform-image sf-icon-dropdown-list"/><div class="platform-details"> <span class="control-header">Dropdown List</span> <span class="control-description">Rich UI dropdown list templates.</span></div> </a> <a href="/javascript-ui-controls/js-file-manager" class="platform-item"><div class="platform-image sf-icon-file-manager"/><div class="platform-details"> <span class="control-header">File Manager</span> <span class="control-description">Manage files and folders in the file system.</span></div> </a> <a href="/javascript-ui-controls/js-file-upload" class="platform-item"><div class="platform-image sf-icon-file-upload"/><div class="platform-details"> <span class="control-header">File Upload</span> <span class="control-description">An advanced input file control to upload files.</span></div> </a> <a href="/javascript-ui-controls/js-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/javascript-ui-controls/js-multiselect-dropdown" class="platform-item"><div class="platform-image sf-icon-multiselect-dropdown"/><div class="platform-details"> <span class="control-header">MultiSelect Dropdown</span> <span class="control-description">Customizable UI with Checkbox for selection.</span></div> </a> <a href="/javascript-ui-controls/js-tabs" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">Tabs</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/javascript-ui-controls/js-query-builder" class="platform-item"><div class="platform-image sf-icon-query-builder"/><div class="platform-details"> <span class="control-header">Query Builder UI</span> <span class="control-description">Reactive UI for filtering large amounts of data.</span></div> </a> <a href="/javascript-ui-controls/js-dashboard-layout" class="platform-item"><div class="platform-image sf-icon-dashboard"/><div class="platform-details"> <span class="control-header">Dashboard Layout</span> <span class="control-description">Interactive and responsive layout control.</span></div> </a> <a href="/javascript-ui-controls/js-kanban-board" class="platform-item"><div class="platform-image sf-icon-kanban"/><div class="platform-details"> <span class="control-header">Kanban</span> <span class="control-description">Manage tasks with Swimlane.</span></div> </a></div></div><div id="vue-web" class="side-content hidden" data-content-link="https://ej2.syncfusion.com/home/vue.html" data-platform-name="vue" data-download-link="vue?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Vue<span class="right-arrow-link"/></div> <a class="component-link" href="/vue-components">Explore 85+ Vue Components <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Components" oninput="handleInput('vue-web',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/vue-components/vue-grid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid component.</span></div> </a> <a href="/vue-components/vue-word-processor" class="platform-item"><div class="platform-image sf-icon-word-processor"/><div class="platform-details"> <span class="control-header">Word Processor</span> <span class="control-description">A WYSIWYG document editor component.</span></div> </a> <a href="/vue-components/vue-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/vue-components/vue-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar component.</span></div> </a> <a href="/vue-components/vue-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">50+ fast and interactive chart types.</span></div> </a> <a href="/vue-components/vue-gantt-chart" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/vue-components/vue-spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/vue-components/vue-diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/vue-components/vue-tree-grid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid component.</span></div> </a> <a href="/vue-components/vue-wysiwyg-rich-text-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor component.</span></div> </a> <a href="/vue-components/vue-pivot-table" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Table</span> <span class="control-description">Feature-rich Pivot Table component.</span></div> </a> <a href="/vue-components/vue-dropdown-list" class="platform-item"><div class="platform-image sf-icon-dropdown-list"/><div class="platform-details"> <span class="control-header">Dropdown List</span> <span class="control-description">Rich UI dropdown list templates.</span></div> </a> <a href="/vue-components/vue-file-manager" class="platform-item"><div class="platform-image sf-icon-file-manager"/><div class="platform-details"> <span class="control-header">File Manager</span> <span class="control-description">Manage files and folders in the file system.</span></div> </a> <a href="/vue-components/vue-file-upload" class="platform-item"><div class="platform-image sf-icon-file-upload"/><div class="platform-details"> <span class="control-header">File Upload</span> <span class="control-description">An advanced input file component to upload files.</span></div> </a> <a href="/vue-components/vue-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/vue-components/vue-multiselect-dropdown" class="platform-item"><div class="platform-image sf-icon-multiselect-dropdown"/><div class="platform-details"> <span class="control-header">MultiSelect Dropdown</span> <span class="control-description">Customizable UI with Checkbox for selection.</span></div> </a> <a href="/vue-components/vue-tabs" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">Tabs</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/vue-components/vue-query-builder" class="platform-item"><div class="platform-image sf-icon-query-builder"/><div class="platform-details"> <span class="control-header">Query Builder UI</span> <span class="control-description">Reactive UI for filtering large amounts of data.</span></div> </a> <a href="/vue-components/vue-dashboard-layout" class="platform-item"><div class="platform-image sf-icon-dashboard"/><div class="platform-details"> <span class="control-header">Dashboard Layout</span> <span class="control-description">Interactive and responsive layout component.</span></div> </a> <a href="/vue-components/vue-kanban-board" class="platform-item"><div class="platform-image sf-icon-kanban"/><div class="platform-details"> <span class="control-header">Kanban</span> <span class="control-description">Manage tasks with Swimlane.</span></div> </a></div></div><div id="flutter-web" class="side-content hidden" data-content-link="https://flutter.syncfusion.com" data-platform-name="flutter" data-download-link="flutter?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Flutter<span class="right-arrow-link"/></div> <a class="component-link" href="/flutter-widgets">Explore 15+ Flutter Widgets <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Widgets" oninput="handleInput('flutter-web',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/flutter-widgets/flutter-datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid widget.</span></div> </a> <a href="/flutter-widgets/flutter-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">30+ fast and interactive chart types.</span></div> </a> <a href="/flutter-widgets/flutter-calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar widget.</span></div> </a> <a href="/document-processing/pdf-framework/flutter/pdf-library" class="platform-item"><div class="platform-image sf-icon-pdf"/><div class="platform-details"> <span class="control-header">PDF</span> <span class="control-description">A framework to manage, convert, and view PDFs.</span></div> </a> <a href="/flutter-widgets/flutter-daterangepicker" class="platform-item"><div class="platform-image sf-icon-date-range-picker"/><div class="platform-details"> <span class="control-header">DateRangePicker</span> <span class="control-description">A feature-rich, highly configurable widget.</span></div> </a> <a href="/flutter-widgets/flutter-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/flutter-widgets/flutter-maps" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/document-processing/excel-framework/flutter-excel-library" class="platform-item"><div class="platform-image sf-icon-excel"/><div class="platform-details"> <span class="control-header">Excel</span> <span class="control-description">Format, organize, and calculate in a spreadsheet.</span></div> </a> <a href="/flutter-widgets/flutter-treemap" class="platform-item"><div class="platform-image sf-icon-tree-map"/><div class="platform-details"> <span class="control-header">TreeMap</span> <span class="control-description">Display hierarchical and flat data.</span></div> </a> <a href="/flutter-widgets/flutter-range-slider" class="platform-item"><div class="platform-image sf-icon-range-slider"/><div class="platform-details"> <span class="control-header">Range Slider</span> <span class="control-description">A widget with material design-style UI.</span></div> </a> <a href="/flutter-widgets/flutter-radial-gauge" class="platform-item"><div class="platform-image sf-icon-circular-gauge"/><div class="platform-details"> <span class="control-header">Radial Gauge</span> <span class="control-description">Display numerical values on a radial scale.</span></div> </a> <a href="/flutter-widgets/flutter-signaturepad" class="platform-item"><div class="platform-image sf-icon-signature"/><div class="platform-details"> <span class="control-header">Signature Pad</span> <span class="control-description">Draw smooth signatures as vector outline strokes.</span></div> </a> <a href="/flutter-widgets/flutter-range-selector" class="platform-item"><div class="platform-image sf-icon-range-selector"/><div class="platform-details"> <span class="control-header">Range Selector</span> <span class="control-description">Visualize data for in-depth analysis.</span></div> </a> <a href="/flutter-widgets/flutter-spark-charts" class="platform-item"><div class="platform-image sf-icon-sparkline-chart"/><div class="platform-details"> <span class="control-header">Spark Chart</span> <span class="control-description">Lightweight micro charts.</span></div> </a> <a href="/flutter-widgets/flutter-linear-gauge" class="platform-item"><div class="platform-image sf-icon-linear-gauge"/><div class="platform-details"> <span class="control-header">Linear Gauge</span> <span class="control-description">Implement numeric values on a linear scale.</span></div> </a> <a href="/flutter-widgets/flutter-slider" class="platform-item"><div class="platform-image sf-icon-range-slider"/><div class="platform-details"> <span class="control-header">Slider</span> <span class="control-description">Rich UI for selecting a value from a dataset.</span></div> </a></div></div><div id="asp-net-core-web" class="side-content hidden" data-content-link="https://ej2.syncfusion.com/home/aspnetcore.html" data-platform-name="aspnet-core" data-download-link="aspnetcore-js2?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">ASP.NET Core<span class="right-arrow-link"/></div> <a class="component-link" href="/aspnet-core-ui-controls">Explore 85+ ASP.NET Core UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('asp-net-core-web',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/aspnet-core-ui-controls/grid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/aspnet-core-ui-controls/word-processor" class="platform-item"><div class="platform-image sf-icon-word-processor"/><div class="platform-details"> <span class="control-header">Word Processor</span> <span class="control-description">A WYSIWYG document editor control.</span></div> </a> <a href="/aspnet-core-ui-controls/pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/aspnet-core-ui-controls/scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/aspnet-core-ui-controls/charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">50+ fast and interactive chart types.</span></div> </a> <a href="/aspnet-core-ui-controls/gantt-chart" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/aspnet-core-ui-controls/spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/aspnet-core-ui-controls/diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/aspnet-core-ui-controls/tree-grid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid control.</span></div> </a> <a href="/aspnet-core-ui-controls/wysiwyg-rich-text-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor control.</span></div> </a> <a href="/aspnet-core-ui-controls/pivot-table" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Table</span> <span class="control-description">Feature-rich Pivot Table control.</span></div> </a> <a href="/aspnet-core-ui-controls/dropdown-list" class="platform-item"><div class="platform-image sf-icon-dropdown-list"/><div class="platform-details"> <span class="control-header">Dropdown List</span> <span class="control-description">Rich UI dropdown list templates.</span></div> </a> <a href="/aspnet-core-ui-controls/file-manager" class="platform-item"><div class="platform-image sf-icon-file-manager"/><div class="platform-details"> <span class="control-header">File Manager</span> <span class="control-description">Manage files and folders in the file system.</span></div> </a> <a href="/aspnet-core-ui-controls/file-upload" class="platform-item"><div class="platform-image sf-icon-file-upload"/><div class="platform-details"> <span class="control-header">File Upload</span> <span class="control-description">An advanced input file control to upload files.</span></div> </a> <a href="/aspnet-core-ui-controls/treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/aspnet-core-ui-controls/multiselect-dropdown" class="platform-item"><div class="platform-image sf-icon-multiselect-dropdown"/><div class="platform-details"> <span class="control-header">MultiSelect Dropdown</span> <span class="control-description">Customizable UI with Checkbox for selection.</span></div> </a> <a href="/aspnet-core-ui-controls/tabs" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">Tabs</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/aspnet-core-ui-controls/query-builder" class="platform-item"><div class="platform-image sf-icon-query-builder"/><div class="platform-details"> <span class="control-header">Query Builder UI</span> <span class="control-description">Reactive UI for filtering large amounts of data.</span></div> </a> <a href="/aspnet-core-ui-controls/dashboard-layout" class="platform-item"><div class="platform-image sf-icon-dashboard"/><div class="platform-details"> <span class="control-header">Dashboard Layout</span> <span class="control-description">Interactive and responsive layout control.</span></div> </a> <a href="/aspnet-core-ui-controls/kanban-board" class="platform-item"><div class="platform-image sf-icon-kanban"/><div class="platform-details"> <span class="control-header">Kanban</span> <span class="control-description">Manage tasks with Swimlane.</span></div> </a></div></div><div id="asp-net-mvc-web" class="side-content hidden" data-content-link="https://ej2.syncfusion.com/home/aspnetmvc.html" data-platform-name="aspnet-mvc" data-download-link="aspnetmvc-js2?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">ASP.NET MVC<span class="right-arrow-link"/></div> <a class="component-link" href="/aspnet-mvc-ui-controls">Explore 85+ ASP.NET MVC UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('asp-net-mvc-web',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/aspnet-mvc-ui-controls/grid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/aspnet-mvc-ui-controls/word-processor" class="platform-item"><div class="platform-image sf-icon-word-processor"/><div class="platform-details"> <span class="control-header">Word Processor</span> <span class="control-description">A WYSIWYG document editor control.</span></div> </a> <a href="/aspnet-mvc-ui-controls/pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/aspnet-mvc-ui-controls/scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/aspnet-mvc-ui-controls/charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">50+ fast and interactive chart types.</span></div> </a> <a href="/aspnet-mvc-ui-controls/gantt-chart" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/aspnet-mvc-ui-controls/spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/aspnet-mvc-ui-controls/diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/aspnet-mvc-ui-controls/tree-grid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid control.</span></div> </a> <a href="/aspnet-mvc-ui-controls/wysiwyg-rich-text-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor control.</span></div> </a> <a href="/aspnet-mvc-ui-controls/pivot-table" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Table</span> <span class="control-description">Feature-rich Pivot Table control.</span></div> </a> <a href="/aspnet-mvc-ui-controls/dropdown-list" class="platform-item"><div class="platform-image sf-icon-dropdown-list"/><div class="platform-details"> <span class="control-header">Dropdown List</span> <span class="control-description">Rich UI dropdown list templates.</span></div> </a> <a href="/aspnet-mvc-ui-controls/file-manager" class="platform-item"><div class="platform-image sf-icon-file-manager"/><div class="platform-details"> <span class="control-header">File Manager</span> <span class="control-description">Manage files and folders in the file system.</span></div> </a> <a href="/aspnet-mvc-ui-controls/file-upload" class="platform-item"><div class="platform-image sf-icon-file-upload"/><div class="platform-details"> <span class="control-header">File Upload</span> <span class="control-description">An advanced input file control to upload files.</span></div> </a> <a href="/aspnet-mvc-ui-controls/treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/aspnet-mvc-ui-controls/multiselect-dropdown" class="platform-item"><div class="platform-image sf-icon-multiselect-dropdown"/><div class="platform-details"> <span class="control-header">MultiSelect Dropdown</span> <span class="control-description">Customizable UI with Checkbox for selection.</span></div> </a> <a href="/aspnet-mvc-ui-controls/tabs" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">Tabs</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/aspnet-mvc-ui-controls/query-builder" class="platform-item"><div class="platform-image sf-icon-query-builder"/><div class="platform-details"> <span class="control-header">Query Builder UI</span> <span class="control-description">Reactive UI for filtering large amounts of data.</span></div> </a> <a href="/aspnet-mvc-ui-controls/dashboard-layout" class="platform-item"><div class="platform-image sf-icon-dashboard"/><div class="platform-details"> <span class="control-header">Dashboard Layout</span> <span class="control-description">Interactive and responsive layout control.</span></div> </a> <a href="/aspnet-mvc-ui-controls/kanban-board" class="platform-item"><div class="platform-image sf-icon-kanban"/><div class="platform-details"> <span class="control-header">Kanban</span> <span class="control-description">Manage tasks with Swimlane.</span></div> </a></div></div><div class="product-items-footer"> <a class="product-footer-link" href="/products/essential-studio">Learn more about Essential Studio<span class="sf-icon-arrow-right"/></a><div class="product-link-section"> <a href="/demos" class="product-link view-demo-link">VIEW DEMO</a> <a href="/products/whatsnew" class="product-link whats-new-link">WHAT’S NEW</a> <a href="/downloads" class="product-link try-it-free-link">TRY IT FREE</a></div></div></div><div id="mobile" class="content hidden"><div class="products-navigation-bar"><span class="sf-icon-chevron-left"/><span class="sf-icon-close"/></div><div class="side-navbar"> <a role="button" data-content-id="maui-mobile" onclick="showSideContent('maui-mobile', event)" class="active"><span class="platform-icon net-maui"/>.NET MAUI<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="flutter-mobile" onclick="showSideContent('flutter-mobile', event)" class=""><span class="platform-icon flutter"/>Flutter<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="xamarin-mobile" onclick="showSideContent('xamarin-mobile', event)" class=""><span class="platform-icon xamarin"/>Xamarin<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="uwp-mobile" onclick="showSideContent('uwp-mobile', event)" class=""><span class="platform-icon uwp"/>UWP<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="javascript-mobile" onclick="showSideContent('javascript-mobile', event)" class=""><span class="platform-icon javascript"/>JavaScript<span class="sf-icon-chevron-right-small"/></a><div class="custom-dropdown mobile-dropdown" onclick="toggleMenuDropdown('mobile')"><div class="selected-option"> <span class="option-text">Blazor</span> <span class="sf-icon-chevron-down-small"/></div><ul class="dropdown-menu"><li data-value=".NET MAUI" onclick="selectOption('maui-mobile', '.NET MAUI' , 'mobile')">.NET MAUI</li><li data-value="Flutter" onclick="selectOption('flutter-mobile', 'Flutter' , 'mobile')">Flutter</li><li data-value="Xamarin" onclick="selectOption('xamarin-mobile', 'Xamarin' , 'mobile')">Xamarin</li><li data-value="UWP" onclick="selectOption('uwp-mobile', 'UWP' , 'mobile')">UWP</li><li data-value="JavaScript" onclick="selectOption('javascript-mobile', 'JavaScript' , 'mobile')">JavaScript</li></ul></div></div><div id="maui-mobile" class="side-content " data-content-link="/demos/maui" data-platform-name="maui-controls" data-download-link="maui?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">.NET MAUI<span class="right-arrow-link"/></div> <a class="component-link" href="/maui-controls">Explore 60+ .NET MAUI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('maui-mobile',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/maui-controls/maui-datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/maui-controls/maui-cartesian-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">20+ fast and interactive chart types.</span></div> </a> <a href="/maui-controls/maui-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/maui-controls/maui-maps" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/maui-controls/maui-listview" class="platform-item"><div class="platform-image sf-icon-list-view"/><div class="platform-details"> <span class="control-header">ListView</span> <span class="control-description">A list interface to select one or multiple items.</span></div> </a> <a href="/maui-controls/maui-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/maui-controls/maui-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/maui-controls/maui-calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar control.</span></div> </a> <a href="/maui-controls/maui-autocomplete" class="platform-item"><div class="platform-image sf-icon-autocomplete"/><div class="platform-details"> <span class="control-header">Autocomplete</span> <span class="control-description">A control for loading a huge volume of data.</span></div> </a> <a href="/maui-controls/maui-image-editor" class="platform-item"><div class="platform-image sf-icon-image-editor"/><div class="platform-details"> <span class="control-header">Image Editor</span> <span class="control-description">Built-in features to annotate and filter images.</span></div> </a> <a href="/maui-controls/maui-combobox" class="platform-item"><div class="platform-image sf-icon-combo-box"/><div class="platform-details"> <span class="control-header">ComboBox</span> <span class="control-description">An editable input control with UI customization.</span></div> </a> <a href="/maui-controls/maui-signaturepad" class="platform-item"><div class="platform-image sf-icon-signature"/><div class="platform-details"> <span class="control-header">Signature Pad</span> <span class="control-description">Draw smooth signatures as vector outline strokes.</span></div> </a> <a href="/maui-controls/maui-dataform" class="platform-item"><div class="platform-image sf-icon-form-validation"/><div class="platform-details"> <span class="control-header">DataForm</span> <span class="control-description">Create Interactive Data Entry Forms.</span></div> </a> <a href="/maui-controls/maui-picker" class="platform-item"><div class="platform-image sf-icon-picker"/><div class="platform-details"> <span class="control-header">Picker</span> <span class="control-description">A quick and interactive picker.</span></div> </a> <a href="/maui-controls/maui-slider" class="platform-item"><div class="platform-image sf-icon-linear-gauge"/><div class="platform-details"> <span class="control-header">Slider</span> <span class="control-description">Rich UI for selecting a value from a dataset.</span></div> </a> <a href="/maui-controls/maui-masked-entry" class="platform-item"><div class="platform-image sf-icon-input-mask"/><div class="platform-details"> <span class="control-header">Masked Entry</span> <span class="control-description">Easily mask input values.</span></div> </a> <a href="/maui-controls/maui-numeric-entry" class="platform-item"><div class="platform-image sf-icon-numeric-textbox"/><div class="platform-details"> <span class="control-header">Numeric Entry</span> <span class="control-description">Flexible interface to enter numeric values.</span></div> </a> <a href="/maui-controls/maui-popup" class="platform-item"><div class="platform-image sf-icon-dialog"/><div class="platform-details"> <span class="control-header">Popup</span> <span class="control-description">Display an alert message with customized buttons.</span></div> </a> <a href="/maui-controls/maui-tree-map" class="platform-item"><div class="platform-image sf-icon-tree-map"/><div class="platform-details"> <span class="control-header">TreeMap</span> <span class="control-description">Display hierarchical and flat data.</span></div> </a> <a href="/maui-controls/maui-chat" class="platform-item"><div class="platform-image sf-icon-chat"/><div class="platform-details"> <span class="control-header">Chat</span> <span class="control-description">A conversational chatbot experience.</span></div> </a></div></div><div id="flutter-mobile" class="side-content hidden" data-content-link="/demos/flutter" data-platform-name="flutter" data-download-link="flutter?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Flutter<span class="right-arrow-link"/></div> <a class="component-link" href="/flutter-widgets">Explore 15+ Flutter Widgets <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Widgets" oninput="handleInput('flutter-mobile',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/flutter-widgets/flutter-datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid widget.</span></div> </a> <a href="/flutter-widgets/flutter-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">30+ fast and interactive chart types.</span></div> </a> <a href="/flutter-widgets/flutter-calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar widget.</span></div> </a> <a href="/document-processing/pdf-framework/flutter/pdf-library" class="platform-item"><div class="platform-image sf-icon-pdf"/><div class="platform-details"> <span class="control-header">PDF</span> <span class="control-description">A framework to manage, convert, and view PDFs.</span></div> </a> <a href="/flutter-widgets/flutter-daterangepicker" class="platform-item"><div class="platform-image sf-icon-date-range-picker"/><div class="platform-details"> <span class="control-header">DateRangePicker</span> <span class="control-description">A feature-rich, highly configurable widget.</span></div> </a> <a href="/flutter-widgets/flutter-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/flutter-widgets/flutter-maps" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/document-processing/excel-framework/flutter-excel-library" class="platform-item"><div class="platform-image sf-icon-excel"/><div class="platform-details"> <span class="control-header">Excel</span> <span class="control-description">Format, organize, and calculate in a spreadsheet.</span></div> </a> <a href="/flutter-widgets/flutter-treemap" class="platform-item"><div class="platform-image sf-icon-tree-map"/><div class="platform-details"> <span class="control-header">TreeMap</span> <span class="control-description">Display hierarchical and flat data.</span></div> </a> <a href="/flutter-widgets/flutter-range-slider" class="platform-item"><div class="platform-image sf-icon-range-slider"/><div class="platform-details"> <span class="control-header">Range Slider</span> <span class="control-description">A widget with material design-style UI.</span></div> </a> <a href="/flutter-widgets/flutter-radial-gauge" class="platform-item"><div class="platform-image sf-icon-circular-gauge"/><div class="platform-details"> <span class="control-header">Radial Gauge</span> <span class="control-description">Display numerical values on a radial scale.</span></div> </a> <a href="/flutter-widgets/flutter-signaturepad" class="platform-item"><div class="platform-image sf-icon-signature"/><div class="platform-details"> <span class="control-header">Signature Pad</span> <span class="control-description">Draw smooth signatures as vector outline strokes.</span></div> </a> <a href="/flutter-widgets/flutter-range-selector" class="platform-item"><div class="platform-image sf-icon-range-selector"/><div class="platform-details"> <span class="control-header">Range Selector</span> <span class="control-description">Visualize data for in-depth analysis.</span></div> </a> <a href="/flutter-widgets/flutter-spark-charts" class="platform-item"><div class="platform-image sf-icon-sparkline-chart"/><div class="platform-details"> <span class="control-header">Spark Chart</span> <span class="control-description">Lightweight micro charts.</span></div> </a> <a href="/flutter-widgets/flutter-linear-gauge" class="platform-item"><div class="platform-image sf-icon-linear-gauge"/><div class="platform-details"> <span class="control-header">Linear Gauge</span> <span class="control-description">Implement numeric values on a linear scale.</span></div> </a> <a href="/flutter-widgets/flutter-slider" class="platform-item"><div class="platform-image sf-icon-range-slider"/><div class="platform-details"> <span class="control-header">Slider</span> <span class="control-description">Rich UI for selecting a value from a dataset.</span></div> </a></div></div><div id="xamarin-mobile" class="side-content hidden" data-content-link="/demos/xamarin" data-platform-name="xamarin-forms" data-download-link="xamarin?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Xamarin<span class="right-arrow-link"/></div> <a class="component-link" href="/xamarin-ui-controls">Explore 150+ Xamarin UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('xamarin-mobile',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/xamarin-ui-controls/xamarin-datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">30+ fast and interactive chart types.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-maps" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-listview" class="platform-item"><div class="platform-image sf-icon-list-view"/><div class="platform-details"> <span class="control-header">Listview</span> <span class="control-description">A list interface to select one or multiple items.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar control.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-autocomplete" class="platform-item"><div class="platform-image sf-icon-autocomplete"/><div class="platform-details"> <span class="control-header">AutoComplete</span> <span class="control-description">A control for loading a huge volume of data.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-image-editor" class="platform-item"><div class="platform-image sf-icon-image-editor"/><div class="platform-details"> <span class="control-header">Image Editor</span> <span class="control-description">Built-in features to annotate and filter images.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-combobox" class="platform-item"><div class="platform-image sf-icon-combo-box"/><div class="platform-details"> <span class="control-header">ComboBox</span> <span class="control-description">An editable input control with UI customization.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-signature" class="platform-item"><div class="platform-image sf-icon-signature"/><div class="platform-details"> <span class="control-header">Signature Pad</span> <span class="control-description">Draw smooth signatures as vector outline strokes.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-dataform" class="platform-item"><div class="platform-image sf-icon-form-validation"/><div class="platform-details"> <span class="control-header">DataForm</span> <span class="control-description">Create Interactive Data Entry Forms.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-picker" class="platform-item"><div class="platform-image sf-icon-picker"/><div class="platform-details"> <span class="control-header">Picker</span> <span class="control-description">A quick and interactive picker.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-range-slider" class="platform-item"><div class="platform-image sf-icon-range-slider"/><div class="platform-details"> <span class="control-header">Range Slider</span> <span class="control-description">A control with material design-style UI.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-masked-entry" class="platform-item"><div class="platform-image sf-icon-input-mask"/><div class="platform-details"> <span class="control-header">Masked Entry</span> <span class="control-description">Easily mask input values.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-numeric-entry" class="platform-item"><div class="platform-image sf-icon-numeric-textbox"/><div class="platform-details"> <span class="control-header">Numeric Entry</span> <span class="control-description">Flexible interface to enter numeric values.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-popup" class="platform-item"><div class="platform-image sf-icon-dialog"/><div class="platform-details"> <span class="control-header">Popup</span> <span class="control-description">Display an alert message with customized buttons.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-treemap" class="platform-item"><div class="platform-image sf-icon-tree-map"/><div class="platform-details"> <span class="control-header">TreeMap</span> <span class="control-description">Display hierarchical and flat data.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-chat" class="platform-item"><div class="platform-image sf-icon-chat"/><div class="platform-details"> <span class="control-header">Chat</span> <span class="control-description">A conversational chatbot experience.</span></div> </a></div></div><div id="uwp-mobile" class="side-content hidden" data-content-link="https://github.com/syncfusion/uwp-demos" data-platform-name="uwp" data-download-link="universalwindows?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">UWP<span class="right-arrow-link"/></div> <a class="component-link" href="/uwp-ui-controls">Explore 70+ UWP UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('uwp-mobile',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/uwp-ui-controls/datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/uwp-ui-controls/richtextbox" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor control.</span></div> </a> <a href="/uwp-ui-controls/charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">30+ fast and interactive chart types.</span></div> </a> <a href="/document-processing/pdf-framework/uwp" class="platform-item"><div class="platform-image sf-icon-pdf"/><div class="platform-details"> <span class="control-header">PDF</span> <span class="control-description">A framework to manage, convert, and view PDFs.</span></div> </a> <a href="/uwp-ui-controls/pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/uwp-ui-controls/map" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/uwp-ui-controls/scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/document-processing/word-framework/uwp" class="platform-item"><div class="platform-image sf-icon-word"/><div class="platform-details"> <span class="control-header">Word</span> <span class="control-description">Create, edit, and convert word files easily.</span></div> </a> <a href="/uwp-ui-controls/gantt" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/uwp-ui-controls/diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/uwp-ui-controls/treegrid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid control.</span></div> </a> <a href="/document-processing/excel-framework/uwp" class="platform-item"><div class="platform-image sf-icon-excel"/><div class="platform-details"> <span class="control-header">Excel</span> <span class="control-description">Format, organize, and calculate in a spreadsheet.</span></div> </a> <a href="/uwp-ui-controls/spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/uwp-ui-controls/calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar control.</span></div> </a> <a href="/uwp-ui-controls/kanban-board" class="platform-item"><div class="platform-image sf-icon-kanban"/><div class="platform-details"> <span class="control-header">Kanban Board</span> <span class="control-description">Manage tasks with Swimlane.</span></div> </a> <a href="/document-processing/powerpoint-framework/uwp" class="platform-item"><div class="platform-image sf-icon-powerpoint"/><div class="platform-details"> <span class="control-header">PowerPoint</span> <span class="control-description">Create presentations from scratch or a template.</span></div> </a></div></div><div id="javascript-mobile" class="side-content hidden" data-content-link="https://ej2.syncfusion.com/home/index.html" data-platform-name="essential-js2" data-download-link="essential-js2?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">JavaScript<span class="right-arrow-link"/></div> <a class="component-link" href="/javascript-ui-controls">Explore 85+ JavaScript UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('javascript-mobile',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/javascript-ui-controls/js-data-grid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/javascript-ui-controls/js-word-processor" class="platform-item"><div class="platform-image sf-icon-word-processor"/><div class="platform-details"> <span class="control-header">Word Processor</span> <span class="control-description">A WYSIWYG document editor control.</span></div> </a> <a href="/javascript-ui-controls/js-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/javascript-ui-controls/js-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/javascript-ui-controls/js-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">50+ fast and interactive chart types.</span></div> </a> <a href="/javascript-ui-controls/js-gantt-chart" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/javascript-ui-controls/js-spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/javascript-ui-controls/js-diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/javascript-ui-controls/js-tree-grid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid control.</span></div> </a> <a href="/javascript-ui-controls/js-wysiwyg-rich-text-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor control.</span></div> </a> <a href="/javascript-ui-controls/js-pivot-table" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Table</span> <span class="control-description">Feature-rich Pivot Table control.</span></div> </a> <a href="/javascript-ui-controls/js-dropdown-list" class="platform-item"><div class="platform-image sf-icon-dropdown-list"/><div class="platform-details"> <span class="control-header">Dropdown List</span> <span class="control-description">Rich UI dropdown list templates.</span></div> </a> <a href="/javascript-ui-controls/js-file-manager" class="platform-item"><div class="platform-image sf-icon-file-manager"/><div class="platform-details"> <span class="control-header">File Manager</span> <span class="control-description">Manage files and folders in the file system.</span></div> </a> <a href="/javascript-ui-controls/js-file-upload" class="platform-item"><div class="platform-image sf-icon-file-upload"/><div class="platform-details"> <span class="control-header">File Upload</span> <span class="control-description">An advanced input file control to upload files.</span></div> </a> <a href="/javascript-ui-controls/js-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/javascript-ui-controls/js-multiselect-dropdown" class="platform-item"><div class="platform-image sf-icon-multiselect-dropdown"/><div class="platform-details"> <span class="control-header">MultiSelect Dropdown</span> <span class="control-description">Customizable UI with Checkbox for selection.</span></div> </a> <a href="/javascript-ui-controls/js-tabs" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">Tabs</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/javascript-ui-controls/js-query-builder" class="platform-item"><div class="platform-image sf-icon-query-builder"/><div class="platform-details"> <span class="control-header">Query Builder UI</span> <span class="control-description">Reactive UI for filtering large amounts of data.</span></div> </a> <a href="/javascript-ui-controls/js-dashboard-layout" class="platform-item"><div class="platform-image sf-icon-dashboard"/><div class="platform-details"> <span class="control-header">Dashboard Layout</span> <span class="control-description">Interactive and responsive layout control.</span></div> </a> <a href="/javascript-ui-controls/js-kanban-board" class="platform-item"><div class="platform-image sf-icon-kanban"/><div class="platform-details"> <span class="control-header">Kanban</span> <span class="control-description">Manage tasks with Swimlane.</span></div> </a></div></div><div class="product-items-footer"> <a class="product-footer-link" href="/products/essential-studio">Learn more about Essential Studio<span class="sf-icon-arrow-right"/></a><div class="product-link-section"> <a href="/demos" class="product-link view-demo-link">VIEW DEMO</a> <a href="/products/whatsnew" class="product-link whats-new-link">WHAT’S NEW</a> <a href="/downloads" class="product-link try-it-free-link">TRY IT FREE</a></div></div></div><div id="desktop" class="content hidden"><div class="products-navigation-bar"><span class="sf-icon-chevron-left"/><span class="sf-icon-close"/></div><div class="side-navbar"> <a role="button" data-content-id="winforms-desktop" onclick="showSideContent('winforms-desktop', event)" class="active"><span class="platform-icon winforms"/>WinForms<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="wpf-desktop" onclick="showSideContent('wpf-desktop', event)" class=""><span class="platform-icon wpf"/>WPF<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="winui-desktop" onclick="showSideContent('winui-desktop', event)" class=""><span class="platform-icon winui"/>WinUI<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="maui-desktop" onclick="showSideContent('maui-desktop', event)" class=""><span class="platform-icon net-maui"/>.NET MAUI<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="flutter-desktop" onclick="showSideContent('flutter-desktop', event)" class=""><span class="platform-icon flutter"/>Flutter<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="xamarin-desktop" onclick="showSideContent('xamarin-desktop', event)" class=""><span class="platform-icon xamarin"/>Xamarin<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="uwp-desktop" onclick="showSideContent('uwp-desktop', event)" class=""><span class="platform-icon uwp"/>UWP<span class="sf-icon-chevron-right-small"/></a><div class="custom-dropdown mobile-dropdown" onclick="toggleMenuDropdown('desktop')"><div class="selected-option"> <span class="option-text">Blazor</span> <span class="sf-icon-chevron-down-small"/></div><ul class="dropdown-menu"><li data-value="WinForms" onclick="selectOption('winforms-desktop', 'WinForms' , 'desktop')">WinForms</li><li data-value="WPF" onclick="selectOption('wpf-desktop', 'WPF' , 'desktop')">WPF</li><li data-value="WinUI" onclick="selectOption('winui-desktop', 'WinUI' , 'desktop')">WinUI</li><li data-value=".NET MAUI" onclick="selectOption('maui-desktop', '.NET MAUI' , 'desktop')">.NET MAUI</li><li data-value="Flutter" onclick="selectOption('flutter-desktop', 'Flutter' , 'desktop')">Flutter</li><li data-value="Xamarin" onclick="selectOption('xamarin-desktop', 'Xamarin' , 'desktop')">Xamarin</li><li data-value="UWP" onclick="selectOption('uwp-desktop', 'UWP' , 'desktop')">UWP</li></ul></div></div><div id="winforms-desktop" class="side-content " data-content-link="https://github.com/syncfusion/winforms-demos" data-platform-name="winforms" data-download-link="windowsforms?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">WinForms<span class="right-arrow-link"/></div> <a class="component-link" href="/winforms-ui-controls">Explore 95+ WinForms UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('winforms-desktop',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/winforms-ui-controls/datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/winforms-ui-controls/ribbon" class="platform-item"><div class="platform-image sf-icon-ribbon"/><div class="platform-details"> <span class="control-header">Ribbon</span> <span class="control-description">Versatile UI for building modern apps.</span></div> </a> <a href="/winforms-ui-controls/pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/winforms-ui-controls/chart" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">45+ fast and interactive chart types.</span></div> </a> <a href="/winforms-ui-controls/grid-control" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">Grid Control</span> <span class="control-description">Efficiently display and manipulate tabular data.</span></div> </a> <a href="/winforms-ui-controls/diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/winforms-ui-controls/combobox" class="platform-item"><div class="platform-image sf-icon-combo-box"/><div class="platform-details"> <span class="control-header">ComboBox</span> <span class="control-description">An editable input control with UI customization.</span></div> </a> <a href="/winforms-ui-controls/docking-manager" class="platform-item"><div class="platform-image sf-icon-docking-manager"/><div class="platform-details"> <span class="control-header">Docking Manager</span> <span class="control-description">Visual Studio-like WinForms Docking Control.</span></div> </a> <a href="/winforms-ui-controls/syntax-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Syntax Editor</span> <span class="control-description">Syntax highlighting and code editor.</span></div> </a> <a href="/winforms-ui-controls/multicolumn-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Multicolumn TreeView</span> <span class="control-description">Display data in a multi-column hierarchical view.</span></div> </a> <a href="/winforms-ui-controls/pivot-grid" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Grid</span> <span class="control-description">Organize Data in a Cross-Tabular Format.</span></div> </a> <a href="/winforms-ui-controls/treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/winforms-ui-controls/form" class="platform-item"><div class="platform-image sf-icon-form-validation"/><div class="platform-details"> <span class="control-header">Form</span> <span class="control-description">Advanced customizable form control.</span></div> </a> <a href="/winforms-ui-controls/autocomplete" class="platform-item"><div class="platform-image sf-icon-autocomplete"/><div class="platform-details"> <span class="control-header">AutoComplete</span> <span class="control-description">A control for loading a huge volume of data.</span></div> </a> <a href="/winforms-ui-controls/listview" class="platform-item"><div class="platform-image sf-icon-list-view"/><div class="platform-details"> <span class="control-header">ListView</span> <span class="control-description">A list interface to select one or multiple items.</span></div> </a> <a href="/winforms-ui-controls/spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/winforms-ui-controls/tabcontrol" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">TabControl</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/winforms-ui-controls/datetimepicker" class="platform-item"><div class="platform-image sf-icon-date-time-picker"/><div class="platform-details"> <span class="control-header">DateTimePicker</span> <span class="control-description">A user-friendly and advanced text input picker.</span></div> </a> <a href="/winforms-ui-controls/textbox" class="platform-item"><div class="platform-image sf-icon-textbox"/><div class="platform-details"> <span class="control-header">TextBox</span> <span class="control-description">Multiline text input control with Floating Labels.</span></div> </a> <a href="/winforms-ui-controls/scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a></div></div><div id="wpf-desktop" class="side-content hidden" data-content-link="https://github.com/syncfusion/wpf-demos" data-platform-name="wpf" data-download-link="wpf?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">WPF<span class="right-arrow-link"/></div> <a class="component-link" href="/wpf-controls">Explore 95+ WPF Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('wpf-desktop',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/wpf-controls/datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/wpf-controls/pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/wpf-controls/diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/wpf-controls/charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">55+ fast and interactive chart types.</span></div> </a> <a href="/wpf-controls/richtextbox" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">RichTextBox</span> <span class="control-description">Markdown and HTML editor control.</span></div> </a> <a href="/wpf-controls/spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/wpf-controls/docking" class="platform-item"><div class="platform-image sf-icon-docking-manager"/><div class="platform-details"> <span class="control-header">Docking</span> <span class="control-description">Create dockable windows in your app.</span></div> </a> <a href="/wpf-controls/ribbon" class="platform-item"><div class="platform-image sf-icon-ribbon"/><div class="platform-details"> <span class="control-header">Ribbon</span> <span class="control-description">Versatile UI for building modern apps.</span></div> </a> <a href="/wpf-controls/gantt" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/wpf-controls/scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/wpf-controls/treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/wpf-controls/propertygrid" class="platform-item"><div class="platform-image sf-icon-property-grid"/><div class="platform-details"> <span class="control-header">PropertyGrid</span> <span class="control-description">A Visual Studio-like property editor.</span></div> </a> <a href="/wpf-controls/combobox" class="platform-item"><div class="platform-image sf-icon-combo-box"/><div class="platform-details"> <span class="control-header">ComboBox</span> <span class="control-description">An editable input control with UI customization.</span></div> </a> <a href="/wpf-controls/treegrid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid control.</span></div> </a> <a href="/wpf-controls/navigation-drawer" class="platform-item"><div class="platform-image sf-icon-side-bar"/><div class="platform-details"> <span class="control-header">Navigation Drawer</span> <span class="control-description">An interactive panel to access destinations &amp; apps.</span></div> </a> <a href="/wpf-controls/autocomplete" class="platform-item"><div class="platform-image sf-icon-autocomplete"/><div class="platform-details"> <span class="control-header">AutoComplete</span> <span class="control-description">A control for loading a huge volume of data.</span></div> </a> <a href="/wpf-controls/syntax-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Syntax Editor</span> <span class="control-description">Syntax highlighting and code editor.</span></div> </a> <a href="/wpf-controls/tabcontrol" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">Tab Control</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/wpf-controls/map" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/wpf-controls/image-editor" class="platform-item"><div class="platform-image sf-icon-image-editor"/><div class="platform-details"> <span class="control-header">Image Editor</span> <span class="control-description">Built-in features to annotate and filter images.</span></div> </a></div></div><div id="winui-desktop" class="side-content hidden" data-content-link="https://github.com/syncfusion/winui-demos" data-platform-name="winui-controls" data-download-link="winui?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">WinUI<span class="right-arrow-link"/></div> <a class="component-link" href="/winui-controls">Explore 35+ WinUI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('winui-desktop',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/winui-controls/datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/winui-controls/cartesian-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">15+ fast and interactive chart types.</span></div> </a> <a href="/winui-controls/treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/winui-controls/calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar control.</span></div> </a> <a href="/winui-controls/date-picker" class="platform-item"><div class="platform-image sf-icon-date-picker"/><div class="platform-details"> <span class="control-header">Date Picker</span> <span class="control-description">A responsive Calendar Picker control.</span></div> </a> <a href="/winui-controls/time-picker" class="platform-item"><div class="platform-image sf-icon-time-picker"/><div class="platform-details"> <span class="control-header">Time Picker</span> <span class="control-description">An advanced drop-down menu to interact with time.</span></div> </a> <a href="/winui-controls/autocomplete" class="platform-item"><div class="platform-image sf-icon-autocomplete"/><div class="platform-details"> <span class="control-header">Autocomplete</span> <span class="control-description">A control for loading a huge volume of data.</span></div> </a> <a href="/winui-controls/combobox" class="platform-item"><div class="platform-image sf-icon-combo-box"/><div class="platform-details"> <span class="control-header">ComboBox</span> <span class="control-description">An editable input control with UI customization.</span></div> </a> <a href="/winui-controls/color-picker" class="platform-item"><div class="platform-image sf-icon-color-picker"/><div class="platform-details"> <span class="control-header">Color Picker</span> <span class="control-description">Flexible inputs supporting HEX, RGBA, and HSVA.</span></div> </a> <a href="/winui-controls/slider" class="platform-item"><div class="platform-image sf-icon-linear-gauge"/><div class="platform-details"> <span class="control-header">Slider</span> <span class="control-description">Rich UI for selecting a value from a dataset.</span></div> </a> <a href="/winui-controls/rating" class="platform-item"><div class="platform-image sf-icon-rating"/><div class="platform-details"> <span class="control-header">Rating</span> <span class="control-description">Rate products using precision modes.</span></div> </a> <a href="/winui-controls/numberbox" class="platform-item"><div class="platform-image sf-icon-numeric-textbox"/><div class="platform-details"> <span class="control-header">NumberBox</span> <span class="control-description">An alternative for the number-type HTML input element.</span></div> </a> <a href="/winui-controls/masked-textbox" class="platform-item"><div class="platform-image sf-icon-input-mask"/><div class="platform-details"> <span class="control-header">Masked TextBox</span> <span class="control-description">Easily mask input values.</span></div> </a> <a href="/winui-controls/segmented-control" class="platform-item"><div class="platform-image sf-icon-button-group"/><div class="platform-details"> <span class="control-header">Segmented Control</span> <span class="control-description">Elegant segment display options.</span></div> </a> <a href="/winui-controls/linear-gauge" class="platform-item"><div class="platform-image sf-icon-linear-gauge"/><div class="platform-details"> <span class="control-header">Linear Gauge</span> <span class="control-description">Implement numeric values on a linear scale.</span></div> </a> <a href="/winui-controls/radial-gauge" class="platform-item"><div class="platform-image sf-icon-circular-gauge"/><div class="platform-details"> <span class="control-header">Radial Gauge</span> <span class="control-description">Display numerical values on a radial scale.</span></div> </a> <a href="/winui-controls/barcode" class="platform-item"><div class="platform-image sf-icon-barcode"/><div class="platform-details"> <span class="control-header">Barcode</span> <span class="control-description">Powerful, feature-rich QR code control.</span></div> </a> <a href="/winui-controls/busy-indicator" class="platform-item"><div class="platform-image sf-icon-badge"/><div class="platform-details"> <span class="control-header">Busy Indicator</span> <span class="control-description">The control indicates when the app is busy.</span></div> </a> <a href="/winui-controls/shadow" class="platform-item"><div class="platform-image sf-icon-shadow"/><div class="platform-details"> <span class="control-header">Shadow</span> <span class="control-description">Apply shadow effects to framework elements.</span></div> </a> <a href="/winui-controls/avatar-view" class="platform-item"><div class="platform-image sf-icon-avatar"/><div class="platform-details"> <span class="control-header">AvatarView</span> <span class="control-description">Control for profile images.</span></div> </a></div></div><div id="maui-desktop" class="side-content hidden" data-content-link="/demos/maui" data-platform-name="maui-controls" data-download-link="maui?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">.NET MAUI<span class="right-arrow-link"/></div> <a class="component-link" href="/maui-controls">Explore 60+ .NET MAUI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('maui-desktop',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/maui-controls/maui-datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/maui-controls/maui-cartesian-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">20+ fast and interactive chart types.</span></div> </a> <a href="/maui-controls/maui-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/maui-controls/maui-maps" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/maui-controls/maui-listview" class="platform-item"><div class="platform-image sf-icon-list-view"/><div class="platform-details"> <span class="control-header">ListView</span> <span class="control-description">A list interface to select one or multiple items.</span></div> </a> <a href="/maui-controls/maui-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/maui-controls/maui-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/maui-controls/maui-calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar control.</span></div> </a> <a href="/maui-controls/maui-autocomplete" class="platform-item"><div class="platform-image sf-icon-autocomplete"/><div class="platform-details"> <span class="control-header">Autocomplete</span> <span class="control-description">A control for loading a huge volume of data.</span></div> </a> <a href="/maui-controls/maui-image-editor" class="platform-item"><div class="platform-image sf-icon-image-editor"/><div class="platform-details"> <span class="control-header">Image Editor</span> <span class="control-description">Built-in features to annotate and filter images.</span></div> </a> <a href="/maui-controls/maui-combobox" class="platform-item"><div class="platform-image sf-icon-combo-box"/><div class="platform-details"> <span class="control-header">ComboBox</span> <span class="control-description">An editable input control with UI customization.</span></div> </a> <a href="/maui-controls/maui-signaturepad" class="platform-item"><div class="platform-image sf-icon-signature"/><div class="platform-details"> <span class="control-header">Signature Pad</span> <span class="control-description">Draw smooth signatures as vector outline strokes.</span></div> </a> <a href="/maui-controls/maui-dataform" class="platform-item"><div class="platform-image sf-icon-form-validation"/><div class="platform-details"> <span class="control-header">DataForm</span> <span class="control-description">Create Interactive Data Entry Forms.</span></div> </a> <a href="/maui-controls/maui-picker" class="platform-item"><div class="platform-image sf-icon-picker"/><div class="platform-details"> <span class="control-header">Picker</span> <span class="control-description">A quick and interactive picker.</span></div> </a> <a href="/maui-controls/maui-slider" class="platform-item"><div class="platform-image sf-icon-linear-gauge"/><div class="platform-details"> <span class="control-header">Slider</span> <span class="control-description">Rich UI for selecting a value from a dataset.</span></div> </a> <a href="/maui-controls/maui-masked-entry" class="platform-item"><div class="platform-image sf-icon-input-mask"/><div class="platform-details"> <span class="control-header">Masked Entry</span> <span class="control-description">Easily mask input values.</span></div> </a> <a href="/maui-controls/maui-numeric-entry" class="platform-item"><div class="platform-image sf-icon-numeric-textbox"/><div class="platform-details"> <span class="control-header">Numeric Entry</span> <span class="control-description">Flexible interface to enter numeric values.</span></div> </a> <a href="/maui-controls/maui-popup" class="platform-item"><div class="platform-image sf-icon-dialog"/><div class="platform-details"> <span class="control-header">Popup</span> <span class="control-description">Display an alert message with customized buttons.</span></div> </a> <a href="/maui-controls/maui-tree-map" class="platform-item"><div class="platform-image sf-icon-tree-map"/><div class="platform-details"> <span class="control-header">TreeMap</span> <span class="control-description">Display hierarchical and flat data.</span></div> </a> <a href="/maui-controls/maui-chat" class="platform-item"><div class="platform-image sf-icon-chat"/><div class="platform-details"> <span class="control-header">Chat</span> <span class="control-description">A conversational chatbot experience.</span></div> </a></div></div><div id="flutter-desktop" class="side-content hidden" data-content-link="https://flutter.syncfusion.com" data-platform-name="flutter" data-download-link="flutter?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Flutter<span class="right-arrow-link"/></div> <a class="component-link" href="/flutter-widgets">Explore 15+ Flutter Widgets <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Widgets" oninput="handleInput('flutter-desktop',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/flutter-widgets/flutter-datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid widget.</span></div> </a> <a href="/flutter-widgets/flutter-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">30+ fast and interactive chart types.</span></div> </a> <a href="/flutter-widgets/flutter-calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar widget.</span></div> </a> <a href="/document-processing/pdf-framework/flutter/pdf-library" class="platform-item"><div class="platform-image sf-icon-pdf"/><div class="platform-details"> <span class="control-header">PDF</span> <span class="control-description">A framework to manage, convert, and view PDFs.</span></div> </a> <a href="/flutter-widgets/flutter-daterangepicker" class="platform-item"><div class="platform-image sf-icon-date-range-picker"/><div class="platform-details"> <span class="control-header">DateRangePicker</span> <span class="control-description">A feature-rich, highly configurable widget.</span></div> </a> <a href="/flutter-widgets/flutter-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/flutter-widgets/flutter-maps" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/document-processing/excel-framework/flutter-excel-library" class="platform-item"><div class="platform-image sf-icon-excel"/><div class="platform-details"> <span class="control-header">Excel</span> <span class="control-description">Format, organize, and calculate in a spreadsheet.</span></div> </a> <a href="/flutter-widgets/flutter-treemap" class="platform-item"><div class="platform-image sf-icon-tree-map"/><div class="platform-details"> <span class="control-header">TreeMap</span> <span class="control-description">Display hierarchical and flat data.</span></div> </a> <a href="/flutter-widgets/flutter-range-slider" class="platform-item"><div class="platform-image sf-icon-range-slider"/><div class="platform-details"> <span class="control-header">Range Slider</span> <span class="control-description">A widget with material design-style UI.</span></div> </a> <a href="/flutter-widgets/flutter-radial-gauge" class="platform-item"><div class="platform-image sf-icon-circular-gauge"/><div class="platform-details"> <span class="control-header">Radial Gauge</span> <span class="control-description">Display numerical values on a radial scale.</span></div> </a> <a href="/flutter-widgets/flutter-signaturepad" class="platform-item"><div class="platform-image sf-icon-signature"/><div class="platform-details"> <span class="control-header">Signature Pad</span> <span class="control-description">Draw smooth signatures as vector outline strokes.</span></div> </a> <a href="/flutter-widgets/flutter-range-selector" class="platform-item"><div class="platform-image sf-icon-range-selector"/><div class="platform-details"> <span class="control-header">Range Selector</span> <span class="control-description">Visualize data for in-depth analysis.</span></div> </a> <a href="/flutter-widgets/flutter-spark-charts" class="platform-item"><div class="platform-image sf-icon-sparkline-chart"/><div class="platform-details"> <span class="control-header">Spark Chart</span> <span class="control-description">Lightweight micro charts.</span></div> </a> <a href="/flutter-widgets/flutter-linear-gauge" class="platform-item"><div class="platform-image sf-icon-linear-gauge"/><div class="platform-details"> <span class="control-header">Linear Gauge</span> <span class="control-description">Implement numeric values on a linear scale.</span></div> </a> <a href="/flutter-widgets/flutter-slider" class="platform-item"><div class="platform-image sf-icon-range-slider"/><div class="platform-details"> <span class="control-header">Slider</span> <span class="control-description">Rich UI for selecting a value from a dataset.</span></div> </a></div></div><div id="xamarin-desktop" class="side-content hidden" data-content-link="/demos/xamarin" data-platform-name="xamarin-forms" data-download-link="xamarin?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Xamarin<span class="right-arrow-link"/></div> <a class="component-link" href="/xamarin-ui-controls">Explore 150+ Xamarin UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('xamarin-desktop',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/xamarin-ui-controls/xamarin-datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">30+ fast and interactive chart types.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-maps" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-listview" class="platform-item"><div class="platform-image sf-icon-list-view"/><div class="platform-details"> <span class="control-header">Listview</span> <span class="control-description">A list interface to select one or multiple items.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar control.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-autocomplete" class="platform-item"><div class="platform-image sf-icon-autocomplete"/><div class="platform-details"> <span class="control-header">AutoComplete</span> <span class="control-description">A control for loading a huge volume of data.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-image-editor" class="platform-item"><div class="platform-image sf-icon-image-editor"/><div class="platform-details"> <span class="control-header">Image Editor</span> <span class="control-description">Built-in features to annotate and filter images.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-combobox" class="platform-item"><div class="platform-image sf-icon-combo-box"/><div class="platform-details"> <span class="control-header">ComboBox</span> <span class="control-description">An editable input control with UI customization.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-signature" class="platform-item"><div class="platform-image sf-icon-signature"/><div class="platform-details"> <span class="control-header">Signature Pad</span> <span class="control-description">Draw smooth signatures as vector outline strokes.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-dataform" class="platform-item"><div class="platform-image sf-icon-form-validation"/><div class="platform-details"> <span class="control-header">DataForm</span> <span class="control-description">Create Interactive Data Entry Forms.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-picker" class="platform-item"><div class="platform-image sf-icon-picker"/><div class="platform-details"> <span class="control-header">Picker</span> <span class="control-description">A quick and interactive picker.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-range-slider" class="platform-item"><div class="platform-image sf-icon-range-slider"/><div class="platform-details"> <span class="control-header">Range Slider</span> <span class="control-description">A control with material design-style UI.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-masked-entry" class="platform-item"><div class="platform-image sf-icon-input-mask"/><div class="platform-details"> <span class="control-header">Masked Entry</span> <span class="control-description">Easily mask input values.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-numeric-entry" class="platform-item"><div class="platform-image sf-icon-numeric-textbox"/><div class="platform-details"> <span class="control-header">Numeric Entry</span> <span class="control-description">Flexible interface to enter numeric values.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-popup" class="platform-item"><div class="platform-image sf-icon-dialog"/><div class="platform-details"> <span class="control-header">Popup</span> <span class="control-description">Display an alert message with customized buttons.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-treemap" class="platform-item"><div class="platform-image sf-icon-tree-map"/><div class="platform-details"> <span class="control-header">TreeMap</span> <span class="control-description">Display hierarchical and flat data.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-chat" class="platform-item"><div class="platform-image sf-icon-chat"/><div class="platform-details"> <span class="control-header">Chat</span> <span class="control-description">A conversational chatbot experience.</span></div> </a></div></div><div id="uwp-desktop" class="side-content hidden" data-content-link="https://github.com/syncfusion/uwp-demos" data-platform-name="uwp" data-download-link="universalwindows?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">UWP<span class="right-arrow-link"/></div> <a class="component-link" href="/uwp-ui-controls">Explore 70+ UWP UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('uwp-desktop',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/uwp-ui-controls/datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/uwp-ui-controls/richtextbox" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor control.</span></div> </a> <a href="/uwp-ui-controls/charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">30+ fast and interactive chart types.</span></div> </a> <a href="/document-processing/pdf-framework/uwp" class="platform-item"><div class="platform-image sf-icon-pdf"/><div class="platform-details"> <span class="control-header">PDF</span> <span class="control-description">A framework to manage, convert, and view PDFs.</span></div> </a> <a href="/uwp-ui-controls/pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/uwp-ui-controls/map" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/uwp-ui-controls/scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/document-processing/word-framework/uwp" class="platform-item"><div class="platform-image sf-icon-word"/><div class="platform-details"> <span class="control-header">Word</span> <span class="control-description">Create, edit, and convert word files easily.</span></div> </a> <a href="/uwp-ui-controls/gantt" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/uwp-ui-controls/diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/uwp-ui-controls/treegrid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid control.</span></div> </a> <a href="/document-processing/excel-framework/uwp" class="platform-item"><div class="platform-image sf-icon-excel"/><div class="platform-details"> <span class="control-header">Excel</span> <span class="control-description">Format, organize, and calculate in a spreadsheet.</span></div> </a> <a href="/uwp-ui-controls/spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/uwp-ui-controls/calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar control.</span></div> </a> <a href="/uwp-ui-controls/kanban-board" class="platform-item"><div class="platform-image sf-icon-kanban"/><div class="platform-details"> <span class="control-header">Kanban Board</span> <span class="control-description">Manage tasks with Swimlane.</span></div> </a> <a href="/document-processing/powerpoint-framework/uwp" class="platform-item"><div class="platform-image sf-icon-powerpoint"/><div class="platform-details"> <span class="control-header">PowerPoint</span> <span class="control-description">Create presentations from scratch or a template.</span></div> </a></div></div><div class="product-items-footer"> <a class="product-footer-link" href="/products/essential-studio">Learn more about Essential Studio<span class="sf-icon-arrow-right"/></a><div class="product-link-section"> <a href="/demos" class="product-link view-demo-link">VIEW DEMO</a> <a href="/products/whatsnew" class="product-link whats-new-link">WHAT’S NEW</a> <a href="/downloads" class="product-link try-it-free-link">TRY IT FREE</a></div></div></div><div id="enterprise-solution" class="content hidden product-list"><div class="products-navigation-bar"><span class="sf-icon-chevron-left"/><span class="sf-icon-close"/></div><h4>Enterprise Solutions</h4><div class="platform-grid"> <a href="https://www.boldbi.com/" class="platform-item"><div class="product-list-image boldbi"/><div class="platform-details"> <span class="control-header">Bold BI - Analytics Platform</span> <span class="control-description">Business intelligence and embedded analytics software.</span></div> </a> <a href="https://www.boldreports.com/" class="platform-item"><div class="product-list-image bold-reports"/><div class="platform-details"> <span class="control-header">Bold Reports - Reporting Platform</span> <span class="control-description">BI report management system and reporting tools.</span></div> </a> <a href="https://boldsign.com/" class="platform-item"><div class="product-list-image boldsign"/><div class="platform-details"> <span class="control-header">BoldSign - Electronic Signature software</span> <span class="control-description">Electronic signature software and API.</span></div> </a> <a href="https://www.bolddesk.com/" class="platform-item"><div class="product-list-image bolddesk"/><div class="platform-details"> <span class="control-header">BoldDesk - Customer Service Software</span> <span class="control-description">BoldDesk is cutting-edge help desk software.</span></div> </a></div><div id="enterprise-solution-footer" class="product-items-footer"> <a class="product-footer-link" href="/pages/syncfusion-ecosystem/">Learn more about Syncfusion Ecosystem <span class="sf-icon-arrow-right"/></a></div></div><div id="free-products" class="content hidden product-list"><div class="products-navigation-bar"><span class="sf-icon-chevron-left"/><span class="sf-icon-close"/></div><h4>Free Products</h4><div class="platform-grid"> <a href="https://www.syncfusion.com/pages/blazor-playground/" class="platform-item"><div class="product-list-image blazor-playground"/><div class="platform-details"> <span class="control-header">Blazor Playground</span> <span class="control-description">An online code editor for Blazor components.</span></div> </a> <a href="https://boldpdftools.com/" class="platform-item"><div class="product-list-image bold-pdf-tools"/><div class="platform-details"> <span class="control-header">Bold PDF Tools</span> <span class="control-description">A free online tool to compress, convert, and edit PDFs.</span></div> </a> <a href="/essential-xamarin-ui-kit" class="platform-item"><div class="product-list-image xamarin-ui-kit"/><div class="platform-details"> <span class="control-header">Xamarin UI Kit</span> <span class="control-description">Enhance the end-user experience with UI patterns.</span></div> </a> <a href="/downloads/metrostudio" class="platform-item"><div class="product-list-image metro-studio"/><div class="platform-details"> <span class="control-header">Metro Studio Icon Designer</span> <span class="control-description">Customizable flat and wireframe icons.</span></div> </a> <a href="/succinctly-free-ebooks" class="platform-item"><div class="product-list-image ebooks"/><div class="platform-details"> <span class="control-header">Latest Technology Ebooks</span> <span class="control-description">Explore all the free Succinctly series ebooks here.</span></div> </a></div><div id="free-products-footer" class="product-items-footer"><div class="product-link-section"> <a href="/demos" class="product-link view-demo-link">VIEW DEMO</a> <a href="/products/whatsnew" class="product-link whats-new-link">WHAT’S NEW</a> <a href="/downloads" class="product-link try-it-free-link">TRY IT FREE</a></div></div></div><div id="menu-search-loader" class="custom-loader"/><div id="document-processing" class="content hidden"><div class="products-navigation-bar"><span class="sf-icon-chevron-left"/><span class="sf-icon-close"/></div><div class="side-navbar"> <a role="button" data-content-id="pdf-library" onclick="showSideContent('pdf-library', event)" class="active"><span class="platform-icon pdf"/>PDF<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="word-library" onclick="showSideContent('word-library', event)" class=""><span class="platform-icon word"/>Word<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="excel-library" onclick="showSideContent('excel-library', event)" class=""><span class="platform-icon excel"/>Excel<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="powerpoint-library" onclick="showSideContent('powerpoint-library', event)" class=""><span class="platform-icon powerpoint"/>PowerPoint<span class="sf-icon-chevron-right-small"/></a><div class="custom-dropdown mobile-dropdown" onclick="toggleMenuDropdown('document-processing')"><div class="selected-option"> <span class="option-text">Excel</span> <span class="sf-icon-chevron-down-small"/></div><ul class="dropdown-menu"><li data-value="PDF" onclick="selectOption('pdf-library', 'PDF' , 'document-processing')">PDF</li><li data-value="Word" onclick="selectOption('word-library', 'Word' , 'document-processing')">Word</li><li data-value="Excel" onclick="selectOption('excel-library', 'Excel' , 'document-processing')">Excel</li><li data-value="PowerPoint" onclick="selectOption('powerpoint-library', 'PowerPoint' , 'document-processing')">PowerPoint</li></ul></div></div><div id="pdf-library" class="side-content " data-content-link="/demos/fileformats/pdf-library" data-platform-name="" data-download-link="fileformats?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">PDF</div> <a class="document-processing-link" href="/document-processing/pdf-framework/net">Explore PDF Framework <span class="sf-icon-arrow-right"/></a></div><hr/><div class="library-platforms-list"><div class="component"><h4>Viewer Component <span class="sf-icon-chevron-down-small"/></h4><div class="single-column"> <a href="/aspnet-core-ui-controls/pdf-viewer" class="platform-item"><div class="platform-image sf-icon-file-view"/><div class="platform-details"> <span class="control-header">Viewing PDF</span> <span class="control-description">Effortlessly view and navigate PDF documents.</span></div> </a> <a href="/aspnet-core-ui-controls/pdf-viewer/annotate-pdf" class="platform-item"><div class="platform-image sf-icon-annotate-pdf"/><div class="platform-details"> <span class="control-header">Annotate PDF</span> <span class="control-description">Enhance your PDF experience interactive.</span></div> </a> <a href="/aspnet-core-ui-controls/pdf-viewer/formfilling-pdf" class="platform-item"><div class="platform-image sf-icon-form-filling"/><div class="platform-details"> <span class="control-header">Form Filling</span> <span class="control-description">Simplify paperwork with our PDF Form Filling capability.</span></div> </a></div></div><div class="processing-library"><h4>.NET PDF Processing Library <span class="sf-icon-chevron-down-small"/></h4><div class="split-column"> <a href="/document-processing/pdf-framework/net/pdf-library/digital-signature-pdf" class="platform-item"><div class="platform-image sf-icon-digital-signature"/><div class="platform-details"> <span class="control-header">Digital signature</span> <span class="control-description">Elevate authenticity by digitally signing PDFs.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/redact" class="platform-item"><div class="platform-image sf-icon-redaction"/><div class="platform-details"> <span class="control-header">Redaction</span> <span class="control-description">Redact sensitive information with ease.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/extract-data-from-pdf" class="platform-item"><div class="platform-image sf-icon-data-extraction"/><div class="platform-details"> <span class="control-header">Data Extraction</span> <span class="control-description">Extract required data from PDFs.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/pdf-form-fields" class="platform-item"><div class="platform-image sf-icon-edit-bookmark"/><div class="platform-details"> <span class="control-header">PDF Forms</span> <span class="control-description">Create, Fill &amp; edit PDF Forms.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/compress-pdf" class="platform-item"><div class="platform-image sf-icon-compress-pdf"/><div class="platform-details"> <span class="control-header">Compress PDF</span> <span class="control-description">Optimize PDF effortlessly with compression.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/pdf-annotation" class="platform-item"><div class="platform-image sf-icon-pdf-annotations"/><div class="platform-details"> <span class="control-header">PDF annotations</span> <span class="control-description">Add, edit, and delete annotations.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/split-pdf" class="platform-item"><div class="platform-image sf-icon-split-documents"/><div class="platform-details"> <span class="control-header">Split &amp; Merge PDF</span> <span class="control-description">Effortlessly split or merge PDFs.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/protect-pdf" class="platform-item"><div class="platform-image sf-icon-protect-pdf"/><div class="platform-details"> <span class="control-header">Protect PDF</span> <span class="control-description">Keep your PDFs confidential.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/accessible-pdf" class="platform-item"><div class="platform-image sf-icon-create-accessible-pdf"/><div class="platform-details"> <span class="control-header">Create Accessible PDFs</span> <span class="control-description">Improve the accessibility of PDFs.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/ocr-process" class="platform-item"><div class="platform-image sf-icon-ocr-pdf"/><div class="platform-details"> <span class="control-header">OCR PDF</span> <span class="control-description">Extract text from scanned PDFs.</span></div> </a></div></div><div class="conversion"><h4>Conversions <span class="sf-icon-chevron-down-small"/></h4><div class="single-column"> <a href="/document-processing/pdf-framework/net/html-to-pdf" class="platform-item"><div class="platform-image sf-icon-html-pdf"/><div class="platform-details"> <span class="control-header">HTML to PDF</span> <span class="control-description">Convert web pages to PDFs, easily.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/image-to-pdf" class="platform-item"><div class="platform-image sf-icon-image-pdf"/><div class="platform-details"> <span class="control-header">Image to PDF</span> <span class="control-description">Convert images to professional PDFs.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/pdf-to-image" class="platform-item"><div class="platform-image sf-icon-pdf-image"/><div class="platform-details"> <span class="control-header">PDF to Image</span> <span class="control-description">Easily turn PDFs into images.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/pdf-to-pdf-a" class="platform-item"><div class="platform-image sf-icon-powerpoint-pdf"/><div class="platform-details"> <span class="control-header">PDF to PDF/A</span> <span class="control-description">Archive your PDFs with long-term preservation.</span></div> </a> <a href="/document-processing/word-framework/net/word-to-pdf-conversion" class="platform-item"><div class="platform-image sf-icon-word-pdf"/><div class="platform-details"> <span class="control-header">Word to PDF</span> <span class="control-description">Convert Word to PDF, PDF/A, and PDF/UA. </span></div> </a></div></div></div></div><div id="word-library" class="side-content hidden" data-content-link="/demos/fileformats/word-library" data-platform-name="" data-download-link="fileformats?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Word</div> <a class="document-processing-link" href="/document-processing/word-framework/net">Explore Word Framework <span class="sf-icon-arrow-right"/></a></div><hr/><div class="library-platforms-list"><div class="component"><h4>Editor Component <span class="sf-icon-chevron-down-small"/></h4><div class="single-column"> <a href="/aspnet-core-ui-controls/word-processor" class="platform-item"><div class="platform-image sf-icon-edit-bookmark"/><div class="platform-details"> <span class="control-header">MS Word-like Editing</span> <span class="control-description">Word document editing like in Microsoft Word.</span></div> </a> <a href="/aspnet-core-ui-controls/word-processor/track-changes" class="platform-item"><div class="platform-image sf-icon-road-map"/><div class="platform-details"> <span class="control-header">Track Changes</span> <span class="control-description">Track the changes in document and accept or reject it.</span></div> </a> <a href="/aspnet-core-ui-controls/word-processor/editing-restriction" class="platform-item"><div class="platform-image sf-icon-editing-restriction"/><div class="platform-details"> <span class="control-header">Editing Restriction</span> <span class="control-description">Apply various editing restrictions to a Word document.</span></div> </a> <a href="/aspnet-core-ui-controls/word-processor/form-fields" class="platform-item"><div class="platform-image sf-icon-form-filling"/><div class="platform-details"> <span class="control-header">Form Fields</span> <span class="control-description">Design fillable Word form and fill it interactively.</span></div> </a> <a href="/aspnet-core-ui-controls/word-processor/collaborative-editing" class="platform-item"><div class="platform-image sf-icon-collaborative-editing"/><div class="platform-details"> <span class="control-header">Collaborative editing</span> <span class="control-description">Allows multiple users to edit the same document.</span></div> </a></div></div><div class="processing-library"><h4>.NET Word Processing Library <span class="sf-icon-chevron-down-small"/></h4><div class="split-column"> <a href="/document-processing/word-framework/net/word-library/mail-merge" class="platform-item"><div class="platform-image sf-icon-mail-merge"/><div class="platform-details"> <span class="control-header">Mail Merge</span> <span class="control-description">Generate letters, invoices, and more.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/merge-word-documents" class="platform-item"><div class="platform-image sf-icon-merge-documents"/><div class="platform-details"> <span class="control-header">Merge Documents</span> <span class="control-description">Combine multiple Word files into one.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/split-word-documents" class="platform-item"><div class="platform-image sf-icon-split-documents"/><div class="platform-details"> <span class="control-header">Split documents</span> <span class="control-description">Split the large Word file into smaller ones.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/find-and-replace" class="platform-item"><div class="platform-image sf-icon-find-replace"/><div class="platform-details"> <span class="control-header">Find and Replace</span> <span class="control-description">Search and modify content in Word.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/bookmark-in-word-document" class="platform-item"><div class="platform-image sf-icon-edit-bookmark"/><div class="platform-details"> <span class="control-header">Edit Bookmark contents</span> <span class="control-description">Retrieve, edit, and delete bookmarked content.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/compare-word-documents" class="platform-item"><div class="platform-image sf-icon-compare-documents"/><div class="platform-details"> <span class="control-header">Compare documents</span> <span class="control-description">Compare two versions of a Word document.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/form-filling-in-word-document" class="platform-item"><div class="platform-image sf-icon-ocr-pdf"/><div class="platform-details"> <span class="control-header">Form Filling</span> <span class="control-description">Fill in a Word document form.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/protect-word-documents" class="platform-item"><div class="platform-image sf-icon-protect-documents"/><div class="platform-details"> <span class="control-header">Protect documents</span> <span class="control-description">Encrypt, decrypt, or add editing restrictions.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/table-of-contents" class="platform-item"><div class="platform-image sf-icon-table-of-content"/><div class="platform-details"> <span class="control-header">Table of contents</span> <span class="control-description">Create, update, and modify TOCs in Word files.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/tables-in-word-document" class="platform-item"><div class="platform-image sf-icon-frozen-rows"/><div class="platform-details"> <span class="control-header">Tables</span> <span class="control-description">Organize content in rows and columns.</span></div> </a></div></div><div class="conversion"><h4>Conversions <span class="sf-icon-chevron-down-small"/></h4><div class="single-column"> <a href="/document-processing/word-framework/net/word-to-pdf-conversion" class="platform-item"><div class="platform-image sf-icon-word-pdf"/><div class="platform-details"> <span class="control-header">Word to PDF</span> <span class="control-description">Convert Word to PDF, PDF/A, and PDF/UA.</span></div> </a> <a href="/document-processing/word-framework/net/word-to-image-conversion" class="platform-item"><div class="platform-image sf-icon-word-image"/><div class="platform-details"> <span class="control-header">Word to Image</span> <span class="control-description">Convert Word document to images.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/html-conversions" class="platform-item"><div class="platform-image sf-icon-html-word"/><div class="platform-details"> <span class="control-header">HTML to Word</span> <span class="control-description">Convert HTML to Word document.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/text-conversions" class="platform-item"><div class="platform-image sf-icon-word-text"/><div class="platform-details"> <span class="control-header">Word to Text</span> <span class="control-description">Convert Word documents to text files.</span></div> </a></div></div></div></div><div id="excel-library" class="side-content hidden" data-content-link="/demos/fileformats/excel-library" data-platform-name="" data-download-link="fileformats?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Excel</div> <a class="document-processing-link" href="/document-processing/excel-framework/net">Explore Excel Framework <span class="sf-icon-arrow-right"/></a></div><hr/><div class="library-platforms-list"><div class="component"><h4>Editor Component <span class="sf-icon-chevron-down-small"/></h4><div class="single-column"> <a href="/aspnet-core-ui-controls/spreadsheet/open-save" class="platform-item"><div class="platform-image sf-icon-file-view"/><div class="platform-details"> <span class="control-header">View Excel, CSV data</span> <span class="control-description">View, manipulate Excel and CSV data effortlessly.</span></div> </a> <a href="/aspnet-core-ui-controls/spreadsheet/formatting" class="platform-item"><div class="platform-image sf-icon-number-formatting"/><div class="platform-details"> <span class="control-header">Number Formatting</span> <span class="control-description">Make your data easier to view and understand.</span></div> </a> <a href="/aspnet-core-ui-controls/spreadsheet/formulas" class="platform-item"><div class="platform-image sf-icon-formulas"/><div class="platform-details"> <span class="control-header">Formulas</span> <span class="control-description">Built-in calculation engine for evaluating formulas.</span></div> </a> <a href="/aspnet-core-ui-controls/spreadsheet/freeze-panes" class="platform-item"><div class="platform-image sf-icon-frozen-column"/><div class="platform-details"> <span class="control-header">Frozen Columns</span> <span class="control-description">Locks specific columns in place while scrolling the sheet.</span></div> </a> <a href="/aspnet-core-ui-controls/spreadsheet/freeze-panes" class="platform-item"><div class="platform-image sf-icon-frozen-rows"/><div class="platform-details"> <span class="control-header">Frozen Rows</span> <span class="control-description">Locks specific rows in place while scrolling the sheet.</span></div> </a></div></div><div class="processing-library"><h4>.NET Excel Processing Library <span class="sf-icon-chevron-down-small"/></h4><div class="split-column"> <a href="/document-processing/excel-framework/net/excel-library/import-data-to-excel" class="platform-item"><div class="platform-image sf-icon-import-and-export"/><div class="platform-details"> <span class="control-header">Import &amp; Export data</span> <span class="control-description">Import and Export data from Excel.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/import-data-to-excel-template" class="platform-item"><div class="platform-image sf-icon-template-markers"/><div class="platform-details"> <span class="control-header">Template Markers</span> <span class="control-description">Import data to a predefined Excel template.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/formula" class="platform-item"><div class="platform-image sf-icon-formulas"/><div class="platform-details"> <span class="control-header">Formulas</span> <span class="control-description">400+ Excel functions for calculations.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/conditional-formatting" class="platform-item"><div class="platform-image sf-icon-styles-formatting"/><div class="platform-details"> <span class="control-header">Conditional Formatting</span> <span class="control-description">Format cells based on specific conditions.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">80+ Chart types</span> <span class="control-description">Visualize data with Excel charts.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/data-validation" class="platform-item"><div class="platform-image sf-icon-data-validation"/><div class="platform-details"> <span class="control-header">Data Validation</span> <span class="control-description">Evaluate the data in the cells to ensure accuracy.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/table" class="platform-item"><div class="platform-image sf-icon-tables"/><div class="platform-details"> <span class="control-header">Tables</span> <span class="control-description">Organize data with tables.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/security" class="platform-item"><div class="platform-image sf-icon-security"/><div class="platform-details"> <span class="control-header">Security</span> <span class="control-description">Protect Excel documents with a password.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/pivot-table" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Tables</span> <span class="control-description">Summarizes and categorizes data dynamically.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/Threaded-Comments" class="platform-item"><div class="platform-image sf-icon-comments"/><div class="platform-details"> <span class="control-header">Comments</span> <span class="control-description">Notes and comments in the cells for future use.</span></div> </a></div></div><div class="conversion"><h4>Conversions <span class="sf-icon-chevron-down-small"/></h4><div class="single-column"> <a href="/document-processing/excel-framework/net/excel-to-pdf-conversion" class="platform-item"><div class="platform-image sf-icon-excel-pdf"/><div class="platform-details"> <span class="control-header">Excel to PDF</span> <span class="control-description">Convert Excel documents to PDF.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-to-image-conversion" class="platform-item"><div class="platform-image sf-icon-excel-image"/><div class="platform-details"> <span class="control-header">Excel to Image</span> <span class="control-description">Convert Excel documents to images.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-to-json-conversion" class="platform-item"><div class="platform-image sf-icon-excel-json"/><div class="platform-details"> <span class="control-header">Excel to JSON</span> <span class="control-description">Convert Excel documents to JSON.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-to-csv-conversion" class="platform-item"><div class="platform-image sf-icon-excel-csv"/><div class="platform-details"> <span class="control-header">Excel to CSV</span> <span class="control-description">Convert Excel documents to CSV.</span></div> </a> <a href="/document-processing/excel-framework/net/csv-to-excel-conversion" class="platform-item"><div class="platform-image sf-icon-csv-excel"/><div class="platform-details"> <span class="control-header">CSV to Excel</span> <span class="control-description">Convert CSV documents to Excel formats.</span></div> </a></div></div></div></div><div id="powerpoint-library" class="side-content hidden" data-content-link="/demos/fileformats/powerpoint-library" data-platform-name="" data-download-link="fileformats?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">PowerPoint</div> <a class="document-processing-link" href="/document-processing/powerpoint-framework/net">Explore PowerPoint Framework <span class="sf-icon-arrow-right"/></a></div><hr/><div class="library-platforms-list"><div class="processing-library"><h4>.NET PowerPoint Processing Library <span class="sf-icon-chevron-down-small"/></h4><div class="split-column"> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/powerpoint-slides" class="platform-item"><div class="platform-image sf-icon-slide"/><div class="platform-details"> <span class="control-header">Slide</span> <span class="control-description">Create and edit slides in PowerPoint.</span></div> </a> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/merge-powerpoints" class="platform-item"><div class="platform-image sf-icon-merge-documents"/><div class="platform-details"> <span class="control-header">Merge Presentation</span> <span class="control-description">Combine multiple presentations into one.</span></div> </a> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/powerpoint-shapes" class="platform-item"><div class="platform-image sf-icon-shapes"/><div class="platform-details"> <span class="control-header">Shapes</span> <span class="control-description">Add, format, and remove shapes.</span></div> </a> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/protect-powerpoint" class="platform-item"><div class="platform-image sf-icon-security"/><div class="platform-details"> <span class="control-header">Protect Presentation</span> <span class="control-description">Encrypt, decrypt, and restrict editing.</span></div> </a> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/powerpoint-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">Create and modify 75+ chart types.</span></div> </a> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/find-and-replace-powerpoint" class="platform-item"><div class="platform-image sf-icon-find-replace"/><div class="platform-details"> <span class="control-header">Find and Replace</span> <span class="control-description">Locate and update content in PowerPoint.</span></div> </a> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/format-powerpoint" class="platform-item"><div class="platform-image sf-icon-styles-formatting"/><div class="platform-details"> <span class="control-header">Formatting</span> <span class="control-description">Enhance the visual appeal of PowerPoint.</span></div> </a> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/powerpoint-animations-and-transitions" class="platform-item"><div class="platform-image sf-icon-transition-animation"/><div class="platform-details"> <span class="control-header">Transition and Animation</span> <span class="control-description">Add and modify animations and transitions.</span></div> </a></div></div><div class="conversion"><h4>Conversions <span class="sf-icon-chevron-down-small"/></h4><div class="single-column"> <a href="/document-processing/powerpoint-framework/net/powerpoint-to-pdf-conversion" class="platform-item"><div class="platform-image sf-icon-powerpoint-pdf"/><div class="platform-details"> <span class="control-header">PowerPoint to PDF</span> <span class="control-description">Convert PowerPoint to PDF, PDF/A and PDF/UA.</span></div> </a> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/powerpoint-to-image-conversion" class="platform-item"><div class="platform-image sf-icon-powerpoint-image"/><div class="platform-details"> <span class="control-header">PowerPoint to Image</span> <span class="control-description">Convert PowerPoint to images.</span></div> </a></div></div></div></div><div id="document-processing-footer" class="product-items-footer"> <a class="product-footer-link" href="/document-processing-libraries">Explore all Frameworks <span class="sf-icon-arrow-right"/></a><div class="product-link-section"> <a href="/demos" class="product-link view-demo-link">VIEW DEMO</a> <a href="/products/whatsnew" class="product-link whats-new-link">WHAT’S NEW</a> <a href="/downloads" class="product-link try-it-free-link">TRY IT FREE</a></div></div></div></div></div></div></div></div></div></div></div></section></div></div></li><li class="menu-firstitem menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-106 menu-item-has-children wpr-mega-menu-true wpr-mega-menu-pos-default wpr-mega-menu-width-custom" data-custom-width="1200" data-id="106"><a title="Learning &amp; Support" href="#" class="wpr-menu-item wpr-pointer-item"><span>Learning &amp; Support</span><i class="wpr-sub-icon fas" aria-hidden="true"/></a><div class="wpr-sub-mega-menu"><div data-elementor-type="wp-post" data-elementor-id="95279" class="elementor elementor-95279" data-elementor-post-type="wpr_mega_menu"><section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-e8b2203 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no" data-id="e8b2203" data-element_type="section"><div class="elementor-container elementor-column-gap-default"><div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4c0b963" data-id="4c0b963" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-de64916 elementor-widget elementor-widget-shortcode" data-id="de64916" data-element_type="widget" data-widget_type="shortcode.default"><div class="elementor-widget-container"><div class="elementor-shortcode"><div class="learning-and-support-menu"><div class="learning-and-support-items"><div class="navbar"> <a role="button" onclick="showContent('learning-section',event,true)" data-content-id="learning-section" class="active">Learning <span class="sf-icon-chevron-right-small"/> <span class="active-border"/></a> <a role="button" onclick="showContent('resources-section',event,true)" data-content-id="resources-section">Resources <span class="sf-icon-chevron-right-small"/><span class="active-border"/></a> <a role="button" onclick="showContent('support-section',event,true)" data-content-id="support-section">Support<span class="sf-icon-chevron-right-small"/><span class="active-border"/></a></div><div id="learning-section" class="content "><div class="products-navigation-bar"><span class="menu-back-button sf-icon-chevron-left"/><span class="menu-close-button sf-icon-close"/></div><h4>Learning</h4><div class="platform-grid"> <a href="/demos" class="platform-item"><div class="platform-image sf-icon-demos"/><div class="platform-details"> <span class="control-header">Demos</span> <span class="control-description">Explore our exciting product demos.</span></div> </a> <a href="/blogs/" class="platform-item"><div class="platform-image sf-icon-blog"/><div class="platform-details"> <span class="control-header">Blog</span> <span class="control-description">Discover new ideas and perspectives.</span></div> </a> <a href="https://help.syncfusion.com" class="platform-item"><div class="platform-image sf-icon-documentation"/><div class="platform-details"> <span class="control-header">Documentation</span> <span class="control-description">Comprehensive guides for every product.</span></div> </a> <a href="/products/whatsnew" class="platform-item"><div class="platform-image sf-icon-whats-new"/><div class="platform-details"> <span class="control-header">What’s New</span> <span class="control-description">New updates and features at a glance.</span></div> </a> <a href="/products/roadmap" class="platform-item"><div class="platform-image sf-icon-road-map"/><div class="platform-details"> <span class="control-header">Road Map</span> <span class="control-description">See what’s coming soon.</span></div> </a> <a href="/products/release-history" class="platform-item"><div class="platform-image sf-icon-release-history"/><div class="platform-details"> <span class="control-header">Release History</span> <span class="control-description">Browse our complete product release history.</span></div> </a> <a href="/tutorial-videos" class="platform-item"><div class="platform-image sf-icon-tutorial-videos"/><div class="platform-details"> <span class="control-header">Tutorial Videos</span> <span class="control-description">Sharpen your skills with our tutorial videos.</span></div> </a></div></div><div id="resources-section" class="content hidden"><div class="products-navigation-bar"><span class="menu-back-button sf-icon-chevron-left"/><span class="menu-close-button sf-icon-close"/></div><h4>Resources</h4><div class="platform-grid"> <a href="/succinctly-free-ebooks" class="platform-item"><div class="platform-image sf-icon-ebooks"/><div class="platform-details"> <span class="control-header">Ebooks</span> <span class="control-description">Read up on latest industry trends and topics.</span></div> </a> <a href="/resources/techportal/whitepapers" class="platform-item"><div class="platform-image sf-icon-white-papers"/><div class="platform-details"> <span class="control-header">White Papers</span> <span class="control-description">Gain insight into important developer issues.</span></div> </a> <a href="/company/case-studies" class="platform-item"><div class="platform-image sf-icon-case-studies"/><div class="platform-details"> <span class="control-header">Case Studies</span> <span class="control-description">Real-world examples of our products.</span></div> </a> <a href="/faq/" class="platform-item"><div class="platform-image sf-icon-technical-faq"/><div class="platform-details"> <span class="control-header">Technical FAQ</span> <span class="control-description">Find answers to your queries quickly.</span></div> </a> <a href="/code-examples" class="platform-item"><div class="platform-image sf-icon-code-examples"/><div class="platform-details"> <span class="control-header">Code Examples</span> <span class="control-description">Level up your skills with hands-on code examples.</span></div> </a> <a href="/pages/accessibility/" class="platform-item"><div class="platform-image sf-icon-accessibility"/><div class="platform-details"> <span class="control-header">Accessibility</span> <span class="control-description">Accessibility and Section 508 compliance.</span></div> </a> <a href="/web-stories/" class="platform-item"><div class="platform-image sf-icon-web-stories"/><div class="platform-details"> <span class="control-header">Web Stories</span> <span class="control-description">Immerse yourself in engaging web stories.</span></div> </a> <a href="/webinars/" class="platform-item"><div class="platform-image sf-icon-webinar"/><div class="platform-details"> <span class="control-header">Webinars<span class="new-tag">NEW</span></span> <span class="control-description">Watch our collection of informative webinars.</span></div> </a></div></div><div id="support-section" class="content hidden"><div class="products-navigation-bar"><span class="menu-back-button sf-icon-chevron-left"/><span class="menu-close-button sf-icon-close"/></div><h4>Support</h4><div class="platform-grid"> <a href="/forums" class="platform-item"><div class="platform-image sf-icon-community-forum"/><div class="platform-details"> <span class="control-header">Community Forum</span> <span class="control-description">Connect and learn in our active community forum.</span></div> </a> <a href="https://support.syncfusion.com/kb" class="platform-item"><div class="platform-image sf-icon-knowledge-base"/><div class="platform-details"> <span class="control-header">Knowledge Base</span> <span class="control-description">Learn how to make the most of our products.</span></div> </a> <a href="https://support.syncfusion.com/create" class="platform-item"><div class="platform-image sf-icon-contact-support"/><div class="platform-details"> <span class="control-header">Contact Support</span> <span class="control-description">Need help? Submit a support ticket.</span></div> </a> <a href="/feedback" class="platform-item"><div class="platform-image sf-icon-features-bugs"/><div class="platform-details"> <span class="control-header">Features &amp; Bugs</span> <span class="control-description">Share your feedback to shape our products.</span></div> </a> <a href="https://s3.amazonaws.com/files2.syncfusion.com/web/support/sla/26.1/syncfusion_software_support_sla.pdf" class="platform-item"><div class="platform-image sf-icon-sla"/><div class="platform-details"> <span class="control-header">SLA</span> <span class="control-description">Reliable service guaranteed.</span></div> </a> <a href="/support/product-lifecycle" class="platform-item"><div class="platform-image sf-icon-product-life-cycle"/><div class="platform-details"> <span class="control-header">Product Life Cycle</span> <span class="control-description">View the support life cycles for all our products.</span></div> </a></div><div id="support-menu-footer" class="product-items-footer"> <a class="product-footer-link" href="/support">Your one-stop technical support resource<span class="sf-icon-arrow-right"/></a></div></div></div></div></div></div></div></div></div></div></section></div></div></li><li class="menu-firstitem menu-item menu-item-type-custom menu-item-object-custom menu-item-126"><a href="https://www.syncfusion.com/sales/products" class="wpr-menu-item wpr-pointer-item"><span>Pricing</span></a></li><li class="menu-firstitem menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-127"><a href="#" class="wpr-menu-item wpr-pointer-item"><span>Company</span><i class="wpr-sub-icon fas" aria-hidden="true"/></a><ul class="sub-menu wpr-sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-128"><a href="https://www.syncfusion.com/company/about-us" class="wpr-sub-menu-item"><span>About Us</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-129"><a href="https://www.syncfusion.com/company/about-us/customerlist" class="wpr-sub-menu-item"><span>Customers</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-81034"><a href="https://www.syncfusion.com/security-policy" class="wpr-sub-menu-item"><span>Security Policy</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-130"><a href="https://www.syncfusion.com/blogs/" class="wpr-sub-menu-item"><span>Blog</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-131"><a href="https://www.syncfusion.com/company/news-press-release" class="wpr-sub-menu-item"><span>Press Releases</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-132"><a href="https://www.syncfusion.com/company/careers" class="wpr-sub-menu-item"><span>Careers</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3111"><a href="https://syncfusion.com/microsoftpartners" class="wpr-sub-menu-item"><span>Microsoft Partners</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-133"><a href="https://www.syncfusion.com/company/partners" class="wpr-sub-menu-item"><span>Partners</span></a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-134"><a href="https://www.syncfusion.com/company/contact-us" class="wpr-sub-menu-item"><span>Contact Us</span></a></li></ul></li><li class="requestdemo-button book-free-demo-button menu-item menu-item-type-custom menu-item-object-custom menu-item-64638"><a href="https://www.syncfusion.com/request-demo" class="wpr-menu-item wpr-pointer-item"><span>BOOK A FREE DEMO</span></a></li><li class="freetrial-button try-it-free-button menu-item menu-item-type-custom menu-item-object-custom menu-item-135"><a href="https://www.syncfusion.com/downloads" class="wpr-menu-item wpr-pointer-item"><span>TRY IT FREE</span></a></li></ul></nav><nav class="wpr-mobile-nav-menu-container"><div class="wpr-mobile-toggle-wrap"><div class="wpr-mobile-toggle"><span class="wpr-mobile-toggle-line"/><span class="wpr-mobile-toggle-line"/><span class="wpr-mobile-toggle-line"/></div></div><div class="wpr-mobile-mega-menu-wrap "><ul id="mobile-menu-2-0f603a2" class="wpr-mobile-nav-menu wpr-mobile-mega-menu"><li class="menu-firstitem menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-22 menu-item-has-children wpr-mega-menu-true" data-id="22"><a title="Products" href="#" class="wpr-mobile-menu-item">Products<i class="wpr-mobile-sub-icon"/></a><div class="wpr-mobile-sub-mega-menu"><div data-elementor-type="wp-post" data-elementor-id="94011" class="elementor elementor-94011" data-elementor-post-type="wpr_mega_menu"><section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-9354d49 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no" data-id="9354d49" data-element_type="section"><div class="elementor-container elementor-column-gap-default"><div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7e755abf" data-id="7e755abf" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-61d25e73 elementor-widget elementor-widget-shortcode" data-id="61d25e73" data-element_type="widget" data-widget_type="shortcode.default"><div class="elementor-widget-container"><div class="elementor-shortcode"><div class="products-menu"><div class="products-items"><div class="navbar"><div class="support-headers"> <a role="button" onclick="showContent('web',event)" data-content-id="web" class="active">Web <span class="active-border"/></a> <a role="button" onclick="showContent('mobile',event)" data-content-id="mobile">Mobile<span class="active-border"/></a> <a role="button" onclick="showContent('desktop',event)" data-content-id="desktop">Desktop<span class="active-border"/></a></div><div class="platform-headers"> <a role="button" onclick="showContent('document-processing',event)" data-content-id="document-processing">Document Processing Libraries<span class="active-border"/></a> <a role="button" onclick="showContent('enterprise-solution',event)" data-content-id="enterprise-solution">Enterprise Solutions<span class="active-border"/></a> <a role="button" onclick="showContent('free-products',event)" data-content-id="free-products">Free Products<span class="active-border"/></a></div></div><div id="web" class="content "><div class="products-navigation-bar"><span class="sf-icon-chevron-left"/><span class="sf-icon-close"/></div><div class="side-navbar"> <a role="button" data-content-id="blazor-web" onclick="showSideContent('blazor-web', event)" class="active"><span class="platform-icon blazor"/>Blazor<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="react-web" onclick="showSideContent('react-web', event)" class=""><span class="platform-icon react"/>React<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="angular-web" onclick="showSideContent('angular-web', event)" class=""><span class="platform-icon angular"/>Angular<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="javascript-web" onclick="showSideContent('javascript-web', event)" class=""><span class="platform-icon javascript"/>JavaScript<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="vue-web" onclick="showSideContent('vue-web', event)" class=""><span class="platform-icon vue"/>Vue<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="flutter-web" onclick="showSideContent('flutter-web', event)" class=""><span class="platform-icon flutter"/>Flutter<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="asp-net-core-web" onclick="showSideContent('asp-net-core-web', event)" class=""><span class="platform-icon asp-net-core"/>ASP.NET Core<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="asp-net-mvc-web" onclick="showSideContent('asp-net-mvc-web', event)" class=""><span class="platform-icon asp-net-mvc"/>ASP.NET MVC<span class="sf-icon-chevron-right-small"/></a><div class="custom-dropdown mobile-dropdown" onclick="toggleMenuDropdown('web')"><div class="selected-option"> <span class="option-text">Blazor</span> <span class="sf-icon-chevron-down-small"/></div><ul class="dropdown-menu"><li data-value="Blazor" onclick="selectOption('blazor-web', 'Blazor' , 'web')">Blazor</li><li data-value="React" onclick="selectOption('react-web', 'React' , 'web')">React</li><li data-value="Angular" onclick="selectOption('angular-web', 'Angular' , 'web')">Angular</li><li data-value="JavaScript" onclick="selectOption('javascript-web', 'JavaScript' , 'web')">JavaScript</li><li data-value="Vue" onclick="selectOption('vue-web', 'Vue' , 'web')">Vue</li><li data-value="Flutter" onclick="selectOption('flutter-web', 'Flutter' , 'web')">Flutter</li><li data-value="ASP.NET Core" onclick="selectOption('asp-net-core-web', 'ASP.NET Core' , 'web')">ASP.NET Core</li><li data-value="ASP.NET MVC" onclick="selectOption('asp-net-mvc-web', 'ASP.NET MVC' , 'web')">ASP.NET MVC</li></ul></div></div><div id="blazor-web" class="side-content " data-content-link="https://blazor.syncfusion.com/" data-platform-name="blazor-components" data-download-link="blazor?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Blazor<span class="right-arrow-link"/></div> <a class="component-link" href="/blazor-components">Explore 85+ Blazor Components <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Components" oninput="handleInput('blazor-web',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/blazor-components/blazor-datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid component.</span></div> </a> <a href="/blazor-components/blazor-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">50+ fast and interactive chart types.</span></div> </a> <a href="/blazor-components/blazor-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar component.</span></div> </a> <a href="/blazor-components/blazor-tree-grid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid component.</span></div> </a> <a href="/blazor-components/blazor-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/blazor-components/blazor-word-processor" class="platform-item"><div class="platform-image sf-icon-word-processor"/><div class="platform-details"> <span class="control-header">Word Processor</span> <span class="control-description">A WYSIWYG document editor component.</span></div> </a> <a href="/blazor-components/blazor-wysiwyg-rich-text-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor component.</span></div> </a> <a href="/blazor-components/blazor-file-upload" class="platform-item"><div class="platform-image sf-icon-file-upload"/><div class="platform-details"> <span class="control-header">File Upload</span> <span class="control-description">An advanced input file component to upload files.</span></div> </a> <a href="/blazor-components/blazor-dropdown-list" class="platform-item"><div class="platform-image sf-icon-dropdown-list"/><div class="platform-details"> <span class="control-header">Dropdown List</span> <span class="control-description">Rich UI dropdown list templates.</span></div> </a> <a href="/blazor-components/blazor-modal-dialog" class="platform-item"><div class="platform-image sf-icon-dialog"/><div class="platform-details"> <span class="control-header">Dialog</span> <span class="control-description">A modal window that appears in front of apps with info.</span></div> </a> <a href="/blazor-components/blazor-image-editor" class="platform-item"><div class="platform-image sf-icon-image-editor"/><div class="platform-details"> <span class="control-header">Image Editor</span> <span class="control-description">Built-in features to annotate and filter images.</span></div> </a> <a href="/blazor-components/blazor-sidebar" class="platform-item"><div class="platform-image sf-icon-side-bar"/><div class="platform-details"> <span class="control-header">Sidebar</span> <span class="control-description">A reactive sidebar with docking options.</span></div> </a> <a href="/blazor-components/blazor-dashboard" class="platform-item"><div class="platform-image sf-icon-dashboard"/><div class="platform-details"> <span class="control-header">Dashboard</span> <span class="control-description">Interactive and responsive layout component.</span></div> </a> <a href="/blazor-components/blazor-file-manager" class="platform-item"><div class="platform-image sf-icon-file-manager"/><div class="platform-details"> <span class="control-header">File Manager</span> <span class="control-description">Manage files and folders in the file system.</span></div> </a> <a href="/blazor-components/blazor-gantt-chart" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/blazor-components/blazor-tabs" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">Tabs</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/blazor-components/blazor-diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/blazor-components/blazor-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/blazor-components/blazor-map" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/blazor-components/blazor-query-builder" class="platform-item"><div class="platform-image sf-icon-query-builder"/><div class="platform-details"> <span class="control-header">Query Builder</span> <span class="control-description">Responsive UI for filtering large amounts of data.</span></div> </a></div></div><div id="react-web" class="side-content hidden" data-content-link="https://ej2.syncfusion.com/home/react.html" data-platform-name="react" data-download-link="react?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">React<span class="right-arrow-link"/></div> <a class="component-link" href="/react-components">Explore 85+ React Components <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Components" oninput="handleInput('react-web',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/react-components/react-data-grid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid component.</span></div> </a> <a href="/react-components/react-wysiwyg-rich-text-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor component.</span></div> </a> <a href="/react-components/react-query-builder" class="platform-item"><div class="platform-image sf-icon-query-builder"/><div class="platform-details"> <span class="control-header">Query Builder UI</span> <span class="control-description">Reactive UI for Filtering Large Amounts of Data.</span></div> </a> <a href="/react-components/react-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">50+ fast and interactive chart types.</span></div> </a> <a href="/react-components/react-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/react-components/react-maps-library" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/react-components/react-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar component.</span></div> </a> <a href="/react-components/react-daterangepicker" class="platform-item"><div class="platform-image sf-icon-date-picker"/><div class="platform-details"> <span class="control-header">DateRangePicker</span> <span class="control-description">A responsive Calendar Picker component.</span></div> </a> <a href="/react-components/react-calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar component.</span></div> </a> <a href="/react-components/react-word-processor" class="platform-item"><div class="platform-image sf-icon-word-processor"/><div class="platform-details"> <span class="control-header">Word Processor</span> <span class="control-description">A WYSIWYG document editor component.</span></div> </a> <a href="/react-components/react-stock-chart" class="platform-item"><div class="platform-image sf-icon-stock-chart"/><div class="platform-details"> <span class="control-header">Stock Chart</span> <span class="control-description">Easy-to-use financial charts.</span></div> </a> <a href="/react-components/react-gantt-chart" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/react-components/react-tree-grid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid component.</span></div> </a> <a href="/react-components/react-dashboard-layout" class="platform-item"><div class="platform-image sf-icon-dashboard"/><div class="platform-details"> <span class="control-header">Dashboard Layout</span> <span class="control-description">Interactive and responsive layout component.</span></div> </a> <a href="/react-components/react-diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/react-components/react-pivot-table" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Table</span> <span class="control-description">Feature-rich Pivot Table component.</span></div> </a> <a href="/react-components/react-file-upload" class="platform-item"><div class="platform-image sf-icon-file-upload"/><div class="platform-details"> <span class="control-header">File Upload</span> <span class="control-description">An advanced input file component to upload files.</span></div> </a> <a href="/react-components/react-file-manager" class="platform-item"><div class="platform-image sf-icon-file-manager"/><div class="platform-details"> <span class="control-header">File Manager</span> <span class="control-description">Manage files and folders in the file system.</span></div> </a> <a href="/react-components/react-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/react-components/react-spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a></div></div><div id="angular-web" class="side-content hidden" data-content-link="https://ej2.syncfusion.com/home/angular.html" data-platform-name="angular" data-download-link="angular?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Angular<span class="right-arrow-link"/></div> <a class="component-link" href="/angular-components">Explore 85+ Angular Components <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Components" oninput="handleInput('angular-web',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/angular-components/angular-grid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid component.</span></div> </a> <a href="/angular-components/angular-word-processor" class="platform-item"><div class="platform-image sf-icon-word-processor"/><div class="platform-details"> <span class="control-header">Word Processor</span> <span class="control-description">A WYSIWYG document editor component.</span></div> </a> <a href="/angular-components/angular-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/angular-components/angular-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar component.</span></div> </a> <a href="/angular-components/angular-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">50+ fast and interactive chart types.</span></div> </a> <a href="/angular-components/angular-gantt-chart" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/angular-components/angular-spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/angular-components/angular-diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/angular-components/angular-tree-grid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid component.</span></div> </a> <a href="/angular-components/angular-wysiwyg-rich-text-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor component.</span></div> </a> <a href="/angular-components/angular-pivot-table" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Table</span> <span class="control-description">Feature-rich Pivot Table component.</span></div> </a> <a href="/angular-components/angular-dropdown-list" class="platform-item"><div class="platform-image sf-icon-dropdown-list"/><div class="platform-details"> <span class="control-header">Dropdown List</span> <span class="control-description">Rich UI dropdown list templates.</span></div> </a> <a href="/angular-components/angular-file-manager" class="platform-item"><div class="platform-image sf-icon-file-manager"/><div class="platform-details"> <span class="control-header">File Manager</span> <span class="control-description">Manage files and folders in the file system.</span></div> </a> <a href="/angular-components/angular-file-upload" class="platform-item"><div class="platform-image sf-icon-file-upload"/><div class="platform-details"> <span class="control-header">File Upload</span> <span class="control-description">An advanced input file component to upload files.</span></div> </a> <a href="/angular-components/angular-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/angular-components/angular-multiselect-dropdown" class="platform-item"><div class="platform-image sf-icon-multiselect-dropdown"/><div class="platform-details"> <span class="control-header">MultiSelect Dropdown</span> <span class="control-description">Customizable UI with Checkbox for selection.</span></div> </a> <a href="/angular-components/angular-tabs" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">Tabs</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/angular-components/angular-query-builder" class="platform-item"><div class="platform-image sf-icon-query-builder"/><div class="platform-details"> <span class="control-header">Query Builder UI</span> <span class="control-description">Reactive UI for filtering large amounts of data.</span></div> </a> <a href="/angular-components/angular-dashboard-layout" class="platform-item"><div class="platform-image sf-icon-dashboard"/><div class="platform-details"> <span class="control-header">Dashboard Layout</span> <span class="control-description">Interactive and responsive layout component.</span></div> </a> <a href="/angular-components/angular-kanban-board" class="platform-item"><div class="platform-image sf-icon-kanban"/><div class="platform-details"> <span class="control-header">Kanban</span> <span class="control-description">Manage tasks with Swimlane.</span></div> </a></div></div><div id="javascript-web" class="side-content hidden" data-content-link="https://ej2.syncfusion.com/home/index.html" data-platform-name="essential-js2" data-download-link="essential-js2?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">JavaScript<span class="right-arrow-link"/></div> <a class="component-link" href="/javascript-ui-controls">Explore 85+ JavaScript UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('javascript-web',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/javascript-ui-controls/js-data-grid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/javascript-ui-controls/js-word-processor" class="platform-item"><div class="platform-image sf-icon-word-processor"/><div class="platform-details"> <span class="control-header">Word Processor</span> <span class="control-description">A WYSIWYG document editor control.</span></div> </a> <a href="/javascript-ui-controls/js-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/javascript-ui-controls/js-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/javascript-ui-controls/js-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">50+ fast and interactive chart types.</span></div> </a> <a href="/javascript-ui-controls/js-gantt-chart" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/javascript-ui-controls/js-spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/javascript-ui-controls/js-diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/javascript-ui-controls/js-tree-grid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid control.</span></div> </a> <a href="/javascript-ui-controls/js-wysiwyg-rich-text-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor control.</span></div> </a> <a href="/javascript-ui-controls/js-pivot-table" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Table</span> <span class="control-description">Feature-rich Pivot Table control.</span></div> </a> <a href="/javascript-ui-controls/js-dropdown-list" class="platform-item"><div class="platform-image sf-icon-dropdown-list"/><div class="platform-details"> <span class="control-header">Dropdown List</span> <span class="control-description">Rich UI dropdown list templates.</span></div> </a> <a href="/javascript-ui-controls/js-file-manager" class="platform-item"><div class="platform-image sf-icon-file-manager"/><div class="platform-details"> <span class="control-header">File Manager</span> <span class="control-description">Manage files and folders in the file system.</span></div> </a> <a href="/javascript-ui-controls/js-file-upload" class="platform-item"><div class="platform-image sf-icon-file-upload"/><div class="platform-details"> <span class="control-header">File Upload</span> <span class="control-description">An advanced input file control to upload files.</span></div> </a> <a href="/javascript-ui-controls/js-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/javascript-ui-controls/js-multiselect-dropdown" class="platform-item"><div class="platform-image sf-icon-multiselect-dropdown"/><div class="platform-details"> <span class="control-header">MultiSelect Dropdown</span> <span class="control-description">Customizable UI with Checkbox for selection.</span></div> </a> <a href="/javascript-ui-controls/js-tabs" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">Tabs</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/javascript-ui-controls/js-query-builder" class="platform-item"><div class="platform-image sf-icon-query-builder"/><div class="platform-details"> <span class="control-header">Query Builder UI</span> <span class="control-description">Reactive UI for filtering large amounts of data.</span></div> </a> <a href="/javascript-ui-controls/js-dashboard-layout" class="platform-item"><div class="platform-image sf-icon-dashboard"/><div class="platform-details"> <span class="control-header">Dashboard Layout</span> <span class="control-description">Interactive and responsive layout control.</span></div> </a> <a href="/javascript-ui-controls/js-kanban-board" class="platform-item"><div class="platform-image sf-icon-kanban"/><div class="platform-details"> <span class="control-header">Kanban</span> <span class="control-description">Manage tasks with Swimlane.</span></div> </a></div></div><div id="vue-web" class="side-content hidden" data-content-link="https://ej2.syncfusion.com/home/vue.html" data-platform-name="vue" data-download-link="vue?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Vue<span class="right-arrow-link"/></div> <a class="component-link" href="/vue-components">Explore 85+ Vue Components <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Components" oninput="handleInput('vue-web',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/vue-components/vue-grid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid component.</span></div> </a> <a href="/vue-components/vue-word-processor" class="platform-item"><div class="platform-image sf-icon-word-processor"/><div class="platform-details"> <span class="control-header">Word Processor</span> <span class="control-description">A WYSIWYG document editor component.</span></div> </a> <a href="/vue-components/vue-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/vue-components/vue-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar component.</span></div> </a> <a href="/vue-components/vue-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">50+ fast and interactive chart types.</span></div> </a> <a href="/vue-components/vue-gantt-chart" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/vue-components/vue-spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/vue-components/vue-diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/vue-components/vue-tree-grid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid component.</span></div> </a> <a href="/vue-components/vue-wysiwyg-rich-text-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor component.</span></div> </a> <a href="/vue-components/vue-pivot-table" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Table</span> <span class="control-description">Feature-rich Pivot Table component.</span></div> </a> <a href="/vue-components/vue-dropdown-list" class="platform-item"><div class="platform-image sf-icon-dropdown-list"/><div class="platform-details"> <span class="control-header">Dropdown List</span> <span class="control-description">Rich UI dropdown list templates.</span></div> </a> <a href="/vue-components/vue-file-manager" class="platform-item"><div class="platform-image sf-icon-file-manager"/><div class="platform-details"> <span class="control-header">File Manager</span> <span class="control-description">Manage files and folders in the file system.</span></div> </a> <a href="/vue-components/vue-file-upload" class="platform-item"><div class="platform-image sf-icon-file-upload"/><div class="platform-details"> <span class="control-header">File Upload</span> <span class="control-description">An advanced input file component to upload files.</span></div> </a> <a href="/vue-components/vue-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/vue-components/vue-multiselect-dropdown" class="platform-item"><div class="platform-image sf-icon-multiselect-dropdown"/><div class="platform-details"> <span class="control-header">MultiSelect Dropdown</span> <span class="control-description">Customizable UI with Checkbox for selection.</span></div> </a> <a href="/vue-components/vue-tabs" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">Tabs</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/vue-components/vue-query-builder" class="platform-item"><div class="platform-image sf-icon-query-builder"/><div class="platform-details"> <span class="control-header">Query Builder UI</span> <span class="control-description">Reactive UI for filtering large amounts of data.</span></div> </a> <a href="/vue-components/vue-dashboard-layout" class="platform-item"><div class="platform-image sf-icon-dashboard"/><div class="platform-details"> <span class="control-header">Dashboard Layout</span> <span class="control-description">Interactive and responsive layout component.</span></div> </a> <a href="/vue-components/vue-kanban-board" class="platform-item"><div class="platform-image sf-icon-kanban"/><div class="platform-details"> <span class="control-header">Kanban</span> <span class="control-description">Manage tasks with Swimlane.</span></div> </a></div></div><div id="flutter-web" class="side-content hidden" data-content-link="https://flutter.syncfusion.com" data-platform-name="flutter" data-download-link="flutter?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Flutter<span class="right-arrow-link"/></div> <a class="component-link" href="/flutter-widgets">Explore 15+ Flutter Widgets <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Widgets" oninput="handleInput('flutter-web',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/flutter-widgets/flutter-datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid widget.</span></div> </a> <a href="/flutter-widgets/flutter-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">30+ fast and interactive chart types.</span></div> </a> <a href="/flutter-widgets/flutter-calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar widget.</span></div> </a> <a href="/document-processing/pdf-framework/flutter/pdf-library" class="platform-item"><div class="platform-image sf-icon-pdf"/><div class="platform-details"> <span class="control-header">PDF</span> <span class="control-description">A framework to manage, convert, and view PDFs.</span></div> </a> <a href="/flutter-widgets/flutter-daterangepicker" class="platform-item"><div class="platform-image sf-icon-date-range-picker"/><div class="platform-details"> <span class="control-header">DateRangePicker</span> <span class="control-description">A feature-rich, highly configurable widget.</span></div> </a> <a href="/flutter-widgets/flutter-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/flutter-widgets/flutter-maps" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/document-processing/excel-framework/flutter-excel-library" class="platform-item"><div class="platform-image sf-icon-excel"/><div class="platform-details"> <span class="control-header">Excel</span> <span class="control-description">Format, organize, and calculate in a spreadsheet.</span></div> </a> <a href="/flutter-widgets/flutter-treemap" class="platform-item"><div class="platform-image sf-icon-tree-map"/><div class="platform-details"> <span class="control-header">TreeMap</span> <span class="control-description">Display hierarchical and flat data.</span></div> </a> <a href="/flutter-widgets/flutter-range-slider" class="platform-item"><div class="platform-image sf-icon-range-slider"/><div class="platform-details"> <span class="control-header">Range Slider</span> <span class="control-description">A widget with material design-style UI.</span></div> </a> <a href="/flutter-widgets/flutter-radial-gauge" class="platform-item"><div class="platform-image sf-icon-circular-gauge"/><div class="platform-details"> <span class="control-header">Radial Gauge</span> <span class="control-description">Display numerical values on a radial scale.</span></div> </a> <a href="/flutter-widgets/flutter-signaturepad" class="platform-item"><div class="platform-image sf-icon-signature"/><div class="platform-details"> <span class="control-header">Signature Pad</span> <span class="control-description">Draw smooth signatures as vector outline strokes.</span></div> </a> <a href="/flutter-widgets/flutter-range-selector" class="platform-item"><div class="platform-image sf-icon-range-selector"/><div class="platform-details"> <span class="control-header">Range Selector</span> <span class="control-description">Visualize data for in-depth analysis.</span></div> </a> <a href="/flutter-widgets/flutter-spark-charts" class="platform-item"><div class="platform-image sf-icon-sparkline-chart"/><div class="platform-details"> <span class="control-header">Spark Chart</span> <span class="control-description">Lightweight micro charts.</span></div> </a> <a href="/flutter-widgets/flutter-linear-gauge" class="platform-item"><div class="platform-image sf-icon-linear-gauge"/><div class="platform-details"> <span class="control-header">Linear Gauge</span> <span class="control-description">Implement numeric values on a linear scale.</span></div> </a> <a href="/flutter-widgets/flutter-slider" class="platform-item"><div class="platform-image sf-icon-range-slider"/><div class="platform-details"> <span class="control-header">Slider</span> <span class="control-description">Rich UI for selecting a value from a dataset.</span></div> </a></div></div><div id="asp-net-core-web" class="side-content hidden" data-content-link="https://ej2.syncfusion.com/home/aspnetcore.html" data-platform-name="aspnet-core" data-download-link="aspnetcore-js2?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">ASP.NET Core<span class="right-arrow-link"/></div> <a class="component-link" href="/aspnet-core-ui-controls">Explore 85+ ASP.NET Core UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('asp-net-core-web',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/aspnet-core-ui-controls/grid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/aspnet-core-ui-controls/word-processor" class="platform-item"><div class="platform-image sf-icon-word-processor"/><div class="platform-details"> <span class="control-header">Word Processor</span> <span class="control-description">A WYSIWYG document editor control.</span></div> </a> <a href="/aspnet-core-ui-controls/pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/aspnet-core-ui-controls/scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/aspnet-core-ui-controls/charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">50+ fast and interactive chart types.</span></div> </a> <a href="/aspnet-core-ui-controls/gantt-chart" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/aspnet-core-ui-controls/spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/aspnet-core-ui-controls/diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/aspnet-core-ui-controls/tree-grid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid control.</span></div> </a> <a href="/aspnet-core-ui-controls/wysiwyg-rich-text-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor control.</span></div> </a> <a href="/aspnet-core-ui-controls/pivot-table" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Table</span> <span class="control-description">Feature-rich Pivot Table control.</span></div> </a> <a href="/aspnet-core-ui-controls/dropdown-list" class="platform-item"><div class="platform-image sf-icon-dropdown-list"/><div class="platform-details"> <span class="control-header">Dropdown List</span> <span class="control-description">Rich UI dropdown list templates.</span></div> </a> <a href="/aspnet-core-ui-controls/file-manager" class="platform-item"><div class="platform-image sf-icon-file-manager"/><div class="platform-details"> <span class="control-header">File Manager</span> <span class="control-description">Manage files and folders in the file system.</span></div> </a> <a href="/aspnet-core-ui-controls/file-upload" class="platform-item"><div class="platform-image sf-icon-file-upload"/><div class="platform-details"> <span class="control-header">File Upload</span> <span class="control-description">An advanced input file control to upload files.</span></div> </a> <a href="/aspnet-core-ui-controls/treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/aspnet-core-ui-controls/multiselect-dropdown" class="platform-item"><div class="platform-image sf-icon-multiselect-dropdown"/><div class="platform-details"> <span class="control-header">MultiSelect Dropdown</span> <span class="control-description">Customizable UI with Checkbox for selection.</span></div> </a> <a href="/aspnet-core-ui-controls/tabs" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">Tabs</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/aspnet-core-ui-controls/query-builder" class="platform-item"><div class="platform-image sf-icon-query-builder"/><div class="platform-details"> <span class="control-header">Query Builder UI</span> <span class="control-description">Reactive UI for filtering large amounts of data.</span></div> </a> <a href="/aspnet-core-ui-controls/dashboard-layout" class="platform-item"><div class="platform-image sf-icon-dashboard"/><div class="platform-details"> <span class="control-header">Dashboard Layout</span> <span class="control-description">Interactive and responsive layout control.</span></div> </a> <a href="/aspnet-core-ui-controls/kanban-board" class="platform-item"><div class="platform-image sf-icon-kanban"/><div class="platform-details"> <span class="control-header">Kanban</span> <span class="control-description">Manage tasks with Swimlane.</span></div> </a></div></div><div id="asp-net-mvc-web" class="side-content hidden" data-content-link="https://ej2.syncfusion.com/home/aspnetmvc.html" data-platform-name="aspnet-mvc" data-download-link="aspnetmvc-js2?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">ASP.NET MVC<span class="right-arrow-link"/></div> <a class="component-link" href="/aspnet-mvc-ui-controls">Explore 85+ ASP.NET MVC UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('asp-net-mvc-web',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/aspnet-mvc-ui-controls/grid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/aspnet-mvc-ui-controls/word-processor" class="platform-item"><div class="platform-image sf-icon-word-processor"/><div class="platform-details"> <span class="control-header">Word Processor</span> <span class="control-description">A WYSIWYG document editor control.</span></div> </a> <a href="/aspnet-mvc-ui-controls/pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/aspnet-mvc-ui-controls/scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/aspnet-mvc-ui-controls/charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">50+ fast and interactive chart types.</span></div> </a> <a href="/aspnet-mvc-ui-controls/gantt-chart" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/aspnet-mvc-ui-controls/spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/aspnet-mvc-ui-controls/diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/aspnet-mvc-ui-controls/tree-grid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid control.</span></div> </a> <a href="/aspnet-mvc-ui-controls/wysiwyg-rich-text-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor control.</span></div> </a> <a href="/aspnet-mvc-ui-controls/pivot-table" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Table</span> <span class="control-description">Feature-rich Pivot Table control.</span></div> </a> <a href="/aspnet-mvc-ui-controls/dropdown-list" class="platform-item"><div class="platform-image sf-icon-dropdown-list"/><div class="platform-details"> <span class="control-header">Dropdown List</span> <span class="control-description">Rich UI dropdown list templates.</span></div> </a> <a href="/aspnet-mvc-ui-controls/file-manager" class="platform-item"><div class="platform-image sf-icon-file-manager"/><div class="platform-details"> <span class="control-header">File Manager</span> <span class="control-description">Manage files and folders in the file system.</span></div> </a> <a href="/aspnet-mvc-ui-controls/file-upload" class="platform-item"><div class="platform-image sf-icon-file-upload"/><div class="platform-details"> <span class="control-header">File Upload</span> <span class="control-description">An advanced input file control to upload files.</span></div> </a> <a href="/aspnet-mvc-ui-controls/treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/aspnet-mvc-ui-controls/multiselect-dropdown" class="platform-item"><div class="platform-image sf-icon-multiselect-dropdown"/><div class="platform-details"> <span class="control-header">MultiSelect Dropdown</span> <span class="control-description">Customizable UI with Checkbox for selection.</span></div> </a> <a href="/aspnet-mvc-ui-controls/tabs" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">Tabs</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/aspnet-mvc-ui-controls/query-builder" class="platform-item"><div class="platform-image sf-icon-query-builder"/><div class="platform-details"> <span class="control-header">Query Builder UI</span> <span class="control-description">Reactive UI for filtering large amounts of data.</span></div> </a> <a href="/aspnet-mvc-ui-controls/dashboard-layout" class="platform-item"><div class="platform-image sf-icon-dashboard"/><div class="platform-details"> <span class="control-header">Dashboard Layout</span> <span class="control-description">Interactive and responsive layout control.</span></div> </a> <a href="/aspnet-mvc-ui-controls/kanban-board" class="platform-item"><div class="platform-image sf-icon-kanban"/><div class="platform-details"> <span class="control-header">Kanban</span> <span class="control-description">Manage tasks with Swimlane.</span></div> </a></div></div><div class="product-items-footer"> <a class="product-footer-link" href="/products/essential-studio">Learn more about Essential Studio<span class="sf-icon-arrow-right"/></a><div class="product-link-section"> <a href="/demos" class="product-link view-demo-link">VIEW DEMO</a> <a href="/products/whatsnew" class="product-link whats-new-link">WHAT’S NEW</a> <a href="/downloads" class="product-link try-it-free-link">TRY IT FREE</a></div></div></div><div id="mobile" class="content hidden"><div class="products-navigation-bar"><span class="sf-icon-chevron-left"/><span class="sf-icon-close"/></div><div class="side-navbar"> <a role="button" data-content-id="maui-mobile" onclick="showSideContent('maui-mobile', event)" class="active"><span class="platform-icon net-maui"/>.NET MAUI<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="flutter-mobile" onclick="showSideContent('flutter-mobile', event)" class=""><span class="platform-icon flutter"/>Flutter<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="xamarin-mobile" onclick="showSideContent('xamarin-mobile', event)" class=""><span class="platform-icon xamarin"/>Xamarin<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="uwp-mobile" onclick="showSideContent('uwp-mobile', event)" class=""><span class="platform-icon uwp"/>UWP<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="javascript-mobile" onclick="showSideContent('javascript-mobile', event)" class=""><span class="platform-icon javascript"/>JavaScript<span class="sf-icon-chevron-right-small"/></a><div class="custom-dropdown mobile-dropdown" onclick="toggleMenuDropdown('mobile')"><div class="selected-option"> <span class="option-text">Blazor</span> <span class="sf-icon-chevron-down-small"/></div><ul class="dropdown-menu"><li data-value=".NET MAUI" onclick="selectOption('maui-mobile', '.NET MAUI' , 'mobile')">.NET MAUI</li><li data-value="Flutter" onclick="selectOption('flutter-mobile', 'Flutter' , 'mobile')">Flutter</li><li data-value="Xamarin" onclick="selectOption('xamarin-mobile', 'Xamarin' , 'mobile')">Xamarin</li><li data-value="UWP" onclick="selectOption('uwp-mobile', 'UWP' , 'mobile')">UWP</li><li data-value="JavaScript" onclick="selectOption('javascript-mobile', 'JavaScript' , 'mobile')">JavaScript</li></ul></div></div><div id="maui-mobile" class="side-content " data-content-link="/demos/maui" data-platform-name="maui-controls" data-download-link="maui?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">.NET MAUI<span class="right-arrow-link"/></div> <a class="component-link" href="/maui-controls">Explore 60+ .NET MAUI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('maui-mobile',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/maui-controls/maui-datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/maui-controls/maui-cartesian-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">20+ fast and interactive chart types.</span></div> </a> <a href="/maui-controls/maui-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/maui-controls/maui-maps" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/maui-controls/maui-listview" class="platform-item"><div class="platform-image sf-icon-list-view"/><div class="platform-details"> <span class="control-header">ListView</span> <span class="control-description">A list interface to select one or multiple items.</span></div> </a> <a href="/maui-controls/maui-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/maui-controls/maui-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/maui-controls/maui-calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar control.</span></div> </a> <a href="/maui-controls/maui-autocomplete" class="platform-item"><div class="platform-image sf-icon-autocomplete"/><div class="platform-details"> <span class="control-header">Autocomplete</span> <span class="control-description">A control for loading a huge volume of data.</span></div> </a> <a href="/maui-controls/maui-image-editor" class="platform-item"><div class="platform-image sf-icon-image-editor"/><div class="platform-details"> <span class="control-header">Image Editor</span> <span class="control-description">Built-in features to annotate and filter images.</span></div> </a> <a href="/maui-controls/maui-combobox" class="platform-item"><div class="platform-image sf-icon-combo-box"/><div class="platform-details"> <span class="control-header">ComboBox</span> <span class="control-description">An editable input control with UI customization.</span></div> </a> <a href="/maui-controls/maui-signaturepad" class="platform-item"><div class="platform-image sf-icon-signature"/><div class="platform-details"> <span class="control-header">Signature Pad</span> <span class="control-description">Draw smooth signatures as vector outline strokes.</span></div> </a> <a href="/maui-controls/maui-dataform" class="platform-item"><div class="platform-image sf-icon-form-validation"/><div class="platform-details"> <span class="control-header">DataForm</span> <span class="control-description">Create Interactive Data Entry Forms.</span></div> </a> <a href="/maui-controls/maui-picker" class="platform-item"><div class="platform-image sf-icon-picker"/><div class="platform-details"> <span class="control-header">Picker</span> <span class="control-description">A quick and interactive picker.</span></div> </a> <a href="/maui-controls/maui-slider" class="platform-item"><div class="platform-image sf-icon-linear-gauge"/><div class="platform-details"> <span class="control-header">Slider</span> <span class="control-description">Rich UI for selecting a value from a dataset.</span></div> </a> <a href="/maui-controls/maui-masked-entry" class="platform-item"><div class="platform-image sf-icon-input-mask"/><div class="platform-details"> <span class="control-header">Masked Entry</span> <span class="control-description">Easily mask input values.</span></div> </a> <a href="/maui-controls/maui-numeric-entry" class="platform-item"><div class="platform-image sf-icon-numeric-textbox"/><div class="platform-details"> <span class="control-header">Numeric Entry</span> <span class="control-description">Flexible interface to enter numeric values.</span></div> </a> <a href="/maui-controls/maui-popup" class="platform-item"><div class="platform-image sf-icon-dialog"/><div class="platform-details"> <span class="control-header">Popup</span> <span class="control-description">Display an alert message with customized buttons.</span></div> </a> <a href="/maui-controls/maui-tree-map" class="platform-item"><div class="platform-image sf-icon-tree-map"/><div class="platform-details"> <span class="control-header">TreeMap</span> <span class="control-description">Display hierarchical and flat data.</span></div> </a> <a href="/maui-controls/maui-chat" class="platform-item"><div class="platform-image sf-icon-chat"/><div class="platform-details"> <span class="control-header">Chat</span> <span class="control-description">A conversational chatbot experience.</span></div> </a></div></div><div id="flutter-mobile" class="side-content hidden" data-content-link="/demos/flutter" data-platform-name="flutter" data-download-link="flutter?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Flutter<span class="right-arrow-link"/></div> <a class="component-link" href="/flutter-widgets">Explore 15+ Flutter Widgets <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Widgets" oninput="handleInput('flutter-mobile',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/flutter-widgets/flutter-datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid widget.</span></div> </a> <a href="/flutter-widgets/flutter-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">30+ fast and interactive chart types.</span></div> </a> <a href="/flutter-widgets/flutter-calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar widget.</span></div> </a> <a href="/document-processing/pdf-framework/flutter/pdf-library" class="platform-item"><div class="platform-image sf-icon-pdf"/><div class="platform-details"> <span class="control-header">PDF</span> <span class="control-description">A framework to manage, convert, and view PDFs.</span></div> </a> <a href="/flutter-widgets/flutter-daterangepicker" class="platform-item"><div class="platform-image sf-icon-date-range-picker"/><div class="platform-details"> <span class="control-header">DateRangePicker</span> <span class="control-description">A feature-rich, highly configurable widget.</span></div> </a> <a href="/flutter-widgets/flutter-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/flutter-widgets/flutter-maps" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/document-processing/excel-framework/flutter-excel-library" class="platform-item"><div class="platform-image sf-icon-excel"/><div class="platform-details"> <span class="control-header">Excel</span> <span class="control-description">Format, organize, and calculate in a spreadsheet.</span></div> </a> <a href="/flutter-widgets/flutter-treemap" class="platform-item"><div class="platform-image sf-icon-tree-map"/><div class="platform-details"> <span class="control-header">TreeMap</span> <span class="control-description">Display hierarchical and flat data.</span></div> </a> <a href="/flutter-widgets/flutter-range-slider" class="platform-item"><div class="platform-image sf-icon-range-slider"/><div class="platform-details"> <span class="control-header">Range Slider</span> <span class="control-description">A widget with material design-style UI.</span></div> </a> <a href="/flutter-widgets/flutter-radial-gauge" class="platform-item"><div class="platform-image sf-icon-circular-gauge"/><div class="platform-details"> <span class="control-header">Radial Gauge</span> <span class="control-description">Display numerical values on a radial scale.</span></div> </a> <a href="/flutter-widgets/flutter-signaturepad" class="platform-item"><div class="platform-image sf-icon-signature"/><div class="platform-details"> <span class="control-header">Signature Pad</span> <span class="control-description">Draw smooth signatures as vector outline strokes.</span></div> </a> <a href="/flutter-widgets/flutter-range-selector" class="platform-item"><div class="platform-image sf-icon-range-selector"/><div class="platform-details"> <span class="control-header">Range Selector</span> <span class="control-description">Visualize data for in-depth analysis.</span></div> </a> <a href="/flutter-widgets/flutter-spark-charts" class="platform-item"><div class="platform-image sf-icon-sparkline-chart"/><div class="platform-details"> <span class="control-header">Spark Chart</span> <span class="control-description">Lightweight micro charts.</span></div> </a> <a href="/flutter-widgets/flutter-linear-gauge" class="platform-item"><div class="platform-image sf-icon-linear-gauge"/><div class="platform-details"> <span class="control-header">Linear Gauge</span> <span class="control-description">Implement numeric values on a linear scale.</span></div> </a> <a href="/flutter-widgets/flutter-slider" class="platform-item"><div class="platform-image sf-icon-range-slider"/><div class="platform-details"> <span class="control-header">Slider</span> <span class="control-description">Rich UI for selecting a value from a dataset.</span></div> </a></div></div><div id="xamarin-mobile" class="side-content hidden" data-content-link="/demos/xamarin" data-platform-name="xamarin-forms" data-download-link="xamarin?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Xamarin<span class="right-arrow-link"/></div> <a class="component-link" href="/xamarin-ui-controls">Explore 150+ Xamarin UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('xamarin-mobile',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/xamarin-ui-controls/xamarin-datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">30+ fast and interactive chart types.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-maps" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-listview" class="platform-item"><div class="platform-image sf-icon-list-view"/><div class="platform-details"> <span class="control-header">Listview</span> <span class="control-description">A list interface to select one or multiple items.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar control.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-autocomplete" class="platform-item"><div class="platform-image sf-icon-autocomplete"/><div class="platform-details"> <span class="control-header">AutoComplete</span> <span class="control-description">A control for loading a huge volume of data.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-image-editor" class="platform-item"><div class="platform-image sf-icon-image-editor"/><div class="platform-details"> <span class="control-header">Image Editor</span> <span class="control-description">Built-in features to annotate and filter images.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-combobox" class="platform-item"><div class="platform-image sf-icon-combo-box"/><div class="platform-details"> <span class="control-header">ComboBox</span> <span class="control-description">An editable input control with UI customization.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-signature" class="platform-item"><div class="platform-image sf-icon-signature"/><div class="platform-details"> <span class="control-header">Signature Pad</span> <span class="control-description">Draw smooth signatures as vector outline strokes.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-dataform" class="platform-item"><div class="platform-image sf-icon-form-validation"/><div class="platform-details"> <span class="control-header">DataForm</span> <span class="control-description">Create Interactive Data Entry Forms.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-picker" class="platform-item"><div class="platform-image sf-icon-picker"/><div class="platform-details"> <span class="control-header">Picker</span> <span class="control-description">A quick and interactive picker.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-range-slider" class="platform-item"><div class="platform-image sf-icon-range-slider"/><div class="platform-details"> <span class="control-header">Range Slider</span> <span class="control-description">A control with material design-style UI.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-masked-entry" class="platform-item"><div class="platform-image sf-icon-input-mask"/><div class="platform-details"> <span class="control-header">Masked Entry</span> <span class="control-description">Easily mask input values.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-numeric-entry" class="platform-item"><div class="platform-image sf-icon-numeric-textbox"/><div class="platform-details"> <span class="control-header">Numeric Entry</span> <span class="control-description">Flexible interface to enter numeric values.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-popup" class="platform-item"><div class="platform-image sf-icon-dialog"/><div class="platform-details"> <span class="control-header">Popup</span> <span class="control-description">Display an alert message with customized buttons.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-treemap" class="platform-item"><div class="platform-image sf-icon-tree-map"/><div class="platform-details"> <span class="control-header">TreeMap</span> <span class="control-description">Display hierarchical and flat data.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-chat" class="platform-item"><div class="platform-image sf-icon-chat"/><div class="platform-details"> <span class="control-header">Chat</span> <span class="control-description">A conversational chatbot experience.</span></div> </a></div></div><div id="uwp-mobile" class="side-content hidden" data-content-link="https://github.com/syncfusion/uwp-demos" data-platform-name="uwp" data-download-link="universalwindows?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">UWP<span class="right-arrow-link"/></div> <a class="component-link" href="/uwp-ui-controls">Explore 70+ UWP UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('uwp-mobile',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/uwp-ui-controls/datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/uwp-ui-controls/richtextbox" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor control.</span></div> </a> <a href="/uwp-ui-controls/charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">30+ fast and interactive chart types.</span></div> </a> <a href="/document-processing/pdf-framework/uwp" class="platform-item"><div class="platform-image sf-icon-pdf"/><div class="platform-details"> <span class="control-header">PDF</span> <span class="control-description">A framework to manage, convert, and view PDFs.</span></div> </a> <a href="/uwp-ui-controls/pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/uwp-ui-controls/map" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/uwp-ui-controls/scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/document-processing/word-framework/uwp" class="platform-item"><div class="platform-image sf-icon-word"/><div class="platform-details"> <span class="control-header">Word</span> <span class="control-description">Create, edit, and convert word files easily.</span></div> </a> <a href="/uwp-ui-controls/gantt" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/uwp-ui-controls/diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/uwp-ui-controls/treegrid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid control.</span></div> </a> <a href="/document-processing/excel-framework/uwp" class="platform-item"><div class="platform-image sf-icon-excel"/><div class="platform-details"> <span class="control-header">Excel</span> <span class="control-description">Format, organize, and calculate in a spreadsheet.</span></div> </a> <a href="/uwp-ui-controls/spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/uwp-ui-controls/calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar control.</span></div> </a> <a href="/uwp-ui-controls/kanban-board" class="platform-item"><div class="platform-image sf-icon-kanban"/><div class="platform-details"> <span class="control-header">Kanban Board</span> <span class="control-description">Manage tasks with Swimlane.</span></div> </a> <a href="/document-processing/powerpoint-framework/uwp" class="platform-item"><div class="platform-image sf-icon-powerpoint"/><div class="platform-details"> <span class="control-header">PowerPoint</span> <span class="control-description">Create presentations from scratch or a template.</span></div> </a></div></div><div id="javascript-mobile" class="side-content hidden" data-content-link="https://ej2.syncfusion.com/home/index.html" data-platform-name="essential-js2" data-download-link="essential-js2?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">JavaScript<span class="right-arrow-link"/></div> <a class="component-link" href="/javascript-ui-controls">Explore 85+ JavaScript UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('javascript-mobile',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/javascript-ui-controls/js-data-grid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/javascript-ui-controls/js-word-processor" class="platform-item"><div class="platform-image sf-icon-word-processor"/><div class="platform-details"> <span class="control-header">Word Processor</span> <span class="control-description">A WYSIWYG document editor control.</span></div> </a> <a href="/javascript-ui-controls/js-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/javascript-ui-controls/js-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/javascript-ui-controls/js-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">50+ fast and interactive chart types.</span></div> </a> <a href="/javascript-ui-controls/js-gantt-chart" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/javascript-ui-controls/js-spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/javascript-ui-controls/js-diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/javascript-ui-controls/js-tree-grid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid control.</span></div> </a> <a href="/javascript-ui-controls/js-wysiwyg-rich-text-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor control.</span></div> </a> <a href="/javascript-ui-controls/js-pivot-table" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Table</span> <span class="control-description">Feature-rich Pivot Table control.</span></div> </a> <a href="/javascript-ui-controls/js-dropdown-list" class="platform-item"><div class="platform-image sf-icon-dropdown-list"/><div class="platform-details"> <span class="control-header">Dropdown List</span> <span class="control-description">Rich UI dropdown list templates.</span></div> </a> <a href="/javascript-ui-controls/js-file-manager" class="platform-item"><div class="platform-image sf-icon-file-manager"/><div class="platform-details"> <span class="control-header">File Manager</span> <span class="control-description">Manage files and folders in the file system.</span></div> </a> <a href="/javascript-ui-controls/js-file-upload" class="platform-item"><div class="platform-image sf-icon-file-upload"/><div class="platform-details"> <span class="control-header">File Upload</span> <span class="control-description">An advanced input file control to upload files.</span></div> </a> <a href="/javascript-ui-controls/js-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/javascript-ui-controls/js-multiselect-dropdown" class="platform-item"><div class="platform-image sf-icon-multiselect-dropdown"/><div class="platform-details"> <span class="control-header">MultiSelect Dropdown</span> <span class="control-description">Customizable UI with Checkbox for selection.</span></div> </a> <a href="/javascript-ui-controls/js-tabs" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">Tabs</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/javascript-ui-controls/js-query-builder" class="platform-item"><div class="platform-image sf-icon-query-builder"/><div class="platform-details"> <span class="control-header">Query Builder UI</span> <span class="control-description">Reactive UI for filtering large amounts of data.</span></div> </a> <a href="/javascript-ui-controls/js-dashboard-layout" class="platform-item"><div class="platform-image sf-icon-dashboard"/><div class="platform-details"> <span class="control-header">Dashboard Layout</span> <span class="control-description">Interactive and responsive layout control.</span></div> </a> <a href="/javascript-ui-controls/js-kanban-board" class="platform-item"><div class="platform-image sf-icon-kanban"/><div class="platform-details"> <span class="control-header">Kanban</span> <span class="control-description">Manage tasks with Swimlane.</span></div> </a></div></div><div class="product-items-footer"> <a class="product-footer-link" href="/products/essential-studio">Learn more about Essential Studio<span class="sf-icon-arrow-right"/></a><div class="product-link-section"> <a href="/demos" class="product-link view-demo-link">VIEW DEMO</a> <a href="/products/whatsnew" class="product-link whats-new-link">WHAT’S NEW</a> <a href="/downloads" class="product-link try-it-free-link">TRY IT FREE</a></div></div></div><div id="desktop" class="content hidden"><div class="products-navigation-bar"><span class="sf-icon-chevron-left"/><span class="sf-icon-close"/></div><div class="side-navbar"> <a role="button" data-content-id="winforms-desktop" onclick="showSideContent('winforms-desktop', event)" class="active"><span class="platform-icon winforms"/>WinForms<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="wpf-desktop" onclick="showSideContent('wpf-desktop', event)" class=""><span class="platform-icon wpf"/>WPF<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="winui-desktop" onclick="showSideContent('winui-desktop', event)" class=""><span class="platform-icon winui"/>WinUI<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="maui-desktop" onclick="showSideContent('maui-desktop', event)" class=""><span class="platform-icon net-maui"/>.NET MAUI<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="flutter-desktop" onclick="showSideContent('flutter-desktop', event)" class=""><span class="platform-icon flutter"/>Flutter<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="xamarin-desktop" onclick="showSideContent('xamarin-desktop', event)" class=""><span class="platform-icon xamarin"/>Xamarin<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="uwp-desktop" onclick="showSideContent('uwp-desktop', event)" class=""><span class="platform-icon uwp"/>UWP<span class="sf-icon-chevron-right-small"/></a><div class="custom-dropdown mobile-dropdown" onclick="toggleMenuDropdown('desktop')"><div class="selected-option"> <span class="option-text">Blazor</span> <span class="sf-icon-chevron-down-small"/></div><ul class="dropdown-menu"><li data-value="WinForms" onclick="selectOption('winforms-desktop', 'WinForms' , 'desktop')">WinForms</li><li data-value="WPF" onclick="selectOption('wpf-desktop', 'WPF' , 'desktop')">WPF</li><li data-value="WinUI" onclick="selectOption('winui-desktop', 'WinUI' , 'desktop')">WinUI</li><li data-value=".NET MAUI" onclick="selectOption('maui-desktop', '.NET MAUI' , 'desktop')">.NET MAUI</li><li data-value="Flutter" onclick="selectOption('flutter-desktop', 'Flutter' , 'desktop')">Flutter</li><li data-value="Xamarin" onclick="selectOption('xamarin-desktop', 'Xamarin' , 'desktop')">Xamarin</li><li data-value="UWP" onclick="selectOption('uwp-desktop', 'UWP' , 'desktop')">UWP</li></ul></div></div><div id="winforms-desktop" class="side-content " data-content-link="https://github.com/syncfusion/winforms-demos" data-platform-name="winforms" data-download-link="windowsforms?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">WinForms<span class="right-arrow-link"/></div> <a class="component-link" href="/winforms-ui-controls">Explore 95+ WinForms UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('winforms-desktop',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/winforms-ui-controls/datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/winforms-ui-controls/ribbon" class="platform-item"><div class="platform-image sf-icon-ribbon"/><div class="platform-details"> <span class="control-header">Ribbon</span> <span class="control-description">Versatile UI for building modern apps.</span></div> </a> <a href="/winforms-ui-controls/pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/winforms-ui-controls/chart" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">45+ fast and interactive chart types.</span></div> </a> <a href="/winforms-ui-controls/grid-control" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">Grid Control</span> <span class="control-description">Efficiently display and manipulate tabular data.</span></div> </a> <a href="/winforms-ui-controls/diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/winforms-ui-controls/combobox" class="platform-item"><div class="platform-image sf-icon-combo-box"/><div class="platform-details"> <span class="control-header">ComboBox</span> <span class="control-description">An editable input control with UI customization.</span></div> </a> <a href="/winforms-ui-controls/docking-manager" class="platform-item"><div class="platform-image sf-icon-docking-manager"/><div class="platform-details"> <span class="control-header">Docking Manager</span> <span class="control-description">Visual Studio-like WinForms Docking Control.</span></div> </a> <a href="/winforms-ui-controls/syntax-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Syntax Editor</span> <span class="control-description">Syntax highlighting and code editor.</span></div> </a> <a href="/winforms-ui-controls/multicolumn-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Multicolumn TreeView</span> <span class="control-description">Display data in a multi-column hierarchical view.</span></div> </a> <a href="/winforms-ui-controls/pivot-grid" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Grid</span> <span class="control-description">Organize Data in a Cross-Tabular Format.</span></div> </a> <a href="/winforms-ui-controls/treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/winforms-ui-controls/form" class="platform-item"><div class="platform-image sf-icon-form-validation"/><div class="platform-details"> <span class="control-header">Form</span> <span class="control-description">Advanced customizable form control.</span></div> </a> <a href="/winforms-ui-controls/autocomplete" class="platform-item"><div class="platform-image sf-icon-autocomplete"/><div class="platform-details"> <span class="control-header">AutoComplete</span> <span class="control-description">A control for loading a huge volume of data.</span></div> </a> <a href="/winforms-ui-controls/listview" class="platform-item"><div class="platform-image sf-icon-list-view"/><div class="platform-details"> <span class="control-header">ListView</span> <span class="control-description">A list interface to select one or multiple items.</span></div> </a> <a href="/winforms-ui-controls/spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/winforms-ui-controls/tabcontrol" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">TabControl</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/winforms-ui-controls/datetimepicker" class="platform-item"><div class="platform-image sf-icon-date-time-picker"/><div class="platform-details"> <span class="control-header">DateTimePicker</span> <span class="control-description">A user-friendly and advanced text input picker.</span></div> </a> <a href="/winforms-ui-controls/textbox" class="platform-item"><div class="platform-image sf-icon-textbox"/><div class="platform-details"> <span class="control-header">TextBox</span> <span class="control-description">Multiline text input control with Floating Labels.</span></div> </a> <a href="/winforms-ui-controls/scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a></div></div><div id="wpf-desktop" class="side-content hidden" data-content-link="https://github.com/syncfusion/wpf-demos" data-platform-name="wpf" data-download-link="wpf?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">WPF<span class="right-arrow-link"/></div> <a class="component-link" href="/wpf-controls">Explore 95+ WPF Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('wpf-desktop',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/wpf-controls/datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/wpf-controls/pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/wpf-controls/diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/wpf-controls/charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">55+ fast and interactive chart types.</span></div> </a> <a href="/wpf-controls/richtextbox" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">RichTextBox</span> <span class="control-description">Markdown and HTML editor control.</span></div> </a> <a href="/wpf-controls/spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/wpf-controls/docking" class="platform-item"><div class="platform-image sf-icon-docking-manager"/><div class="platform-details"> <span class="control-header">Docking</span> <span class="control-description">Create dockable windows in your app.</span></div> </a> <a href="/wpf-controls/ribbon" class="platform-item"><div class="platform-image sf-icon-ribbon"/><div class="platform-details"> <span class="control-header">Ribbon</span> <span class="control-description">Versatile UI for building modern apps.</span></div> </a> <a href="/wpf-controls/gantt" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/wpf-controls/scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/wpf-controls/treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/wpf-controls/propertygrid" class="platform-item"><div class="platform-image sf-icon-property-grid"/><div class="platform-details"> <span class="control-header">PropertyGrid</span> <span class="control-description">A Visual Studio-like property editor.</span></div> </a> <a href="/wpf-controls/combobox" class="platform-item"><div class="platform-image sf-icon-combo-box"/><div class="platform-details"> <span class="control-header">ComboBox</span> <span class="control-description">An editable input control with UI customization.</span></div> </a> <a href="/wpf-controls/treegrid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid control.</span></div> </a> <a href="/wpf-controls/navigation-drawer" class="platform-item"><div class="platform-image sf-icon-side-bar"/><div class="platform-details"> <span class="control-header">Navigation Drawer</span> <span class="control-description">An interactive panel to access destinations &amp; apps.</span></div> </a> <a href="/wpf-controls/autocomplete" class="platform-item"><div class="platform-image sf-icon-autocomplete"/><div class="platform-details"> <span class="control-header">AutoComplete</span> <span class="control-description">A control for loading a huge volume of data.</span></div> </a> <a href="/wpf-controls/syntax-editor" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Syntax Editor</span> <span class="control-description">Syntax highlighting and code editor.</span></div> </a> <a href="/wpf-controls/tabcontrol" class="platform-item"><div class="platform-image sf-icon-tabs"/><div class="platform-details"> <span class="control-header">Tab Control</span> <span class="control-description">A UI to group data in a compact space.</span></div> </a> <a href="/wpf-controls/map" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/wpf-controls/image-editor" class="platform-item"><div class="platform-image sf-icon-image-editor"/><div class="platform-details"> <span class="control-header">Image Editor</span> <span class="control-description">Built-in features to annotate and filter images.</span></div> </a></div></div><div id="winui-desktop" class="side-content hidden" data-content-link="https://github.com/syncfusion/winui-demos" data-platform-name="winui-controls" data-download-link="winui?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">WinUI<span class="right-arrow-link"/></div> <a class="component-link" href="/winui-controls">Explore 35+ WinUI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('winui-desktop',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/winui-controls/datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/winui-controls/cartesian-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">15+ fast and interactive chart types.</span></div> </a> <a href="/winui-controls/treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/winui-controls/calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar control.</span></div> </a> <a href="/winui-controls/date-picker" class="platform-item"><div class="platform-image sf-icon-date-picker"/><div class="platform-details"> <span class="control-header">Date Picker</span> <span class="control-description">A responsive Calendar Picker control.</span></div> </a> <a href="/winui-controls/time-picker" class="platform-item"><div class="platform-image sf-icon-time-picker"/><div class="platform-details"> <span class="control-header">Time Picker</span> <span class="control-description">An advanced drop-down menu to interact with time.</span></div> </a> <a href="/winui-controls/autocomplete" class="platform-item"><div class="platform-image sf-icon-autocomplete"/><div class="platform-details"> <span class="control-header">Autocomplete</span> <span class="control-description">A control for loading a huge volume of data.</span></div> </a> <a href="/winui-controls/combobox" class="platform-item"><div class="platform-image sf-icon-combo-box"/><div class="platform-details"> <span class="control-header">ComboBox</span> <span class="control-description">An editable input control with UI customization.</span></div> </a> <a href="/winui-controls/color-picker" class="platform-item"><div class="platform-image sf-icon-color-picker"/><div class="platform-details"> <span class="control-header">Color Picker</span> <span class="control-description">Flexible inputs supporting HEX, RGBA, and HSVA.</span></div> </a> <a href="/winui-controls/slider" class="platform-item"><div class="platform-image sf-icon-linear-gauge"/><div class="platform-details"> <span class="control-header">Slider</span> <span class="control-description">Rich UI for selecting a value from a dataset.</span></div> </a> <a href="/winui-controls/rating" class="platform-item"><div class="platform-image sf-icon-rating"/><div class="platform-details"> <span class="control-header">Rating</span> <span class="control-description">Rate products using precision modes.</span></div> </a> <a href="/winui-controls/numberbox" class="platform-item"><div class="platform-image sf-icon-numeric-textbox"/><div class="platform-details"> <span class="control-header">NumberBox</span> <span class="control-description">An alternative for the number-type HTML input element.</span></div> </a> <a href="/winui-controls/masked-textbox" class="platform-item"><div class="platform-image sf-icon-input-mask"/><div class="platform-details"> <span class="control-header">Masked TextBox</span> <span class="control-description">Easily mask input values.</span></div> </a> <a href="/winui-controls/segmented-control" class="platform-item"><div class="platform-image sf-icon-button-group"/><div class="platform-details"> <span class="control-header">Segmented Control</span> <span class="control-description">Elegant segment display options.</span></div> </a> <a href="/winui-controls/linear-gauge" class="platform-item"><div class="platform-image sf-icon-linear-gauge"/><div class="platform-details"> <span class="control-header">Linear Gauge</span> <span class="control-description">Implement numeric values on a linear scale.</span></div> </a> <a href="/winui-controls/radial-gauge" class="platform-item"><div class="platform-image sf-icon-circular-gauge"/><div class="platform-details"> <span class="control-header">Radial Gauge</span> <span class="control-description">Display numerical values on a radial scale.</span></div> </a> <a href="/winui-controls/barcode" class="platform-item"><div class="platform-image sf-icon-barcode"/><div class="platform-details"> <span class="control-header">Barcode</span> <span class="control-description">Powerful, feature-rich QR code control.</span></div> </a> <a href="/winui-controls/busy-indicator" class="platform-item"><div class="platform-image sf-icon-badge"/><div class="platform-details"> <span class="control-header">Busy Indicator</span> <span class="control-description">The control indicates when the app is busy.</span></div> </a> <a href="/winui-controls/shadow" class="platform-item"><div class="platform-image sf-icon-shadow"/><div class="platform-details"> <span class="control-header">Shadow</span> <span class="control-description">Apply shadow effects to framework elements.</span></div> </a> <a href="/winui-controls/avatar-view" class="platform-item"><div class="platform-image sf-icon-avatar"/><div class="platform-details"> <span class="control-header">AvatarView</span> <span class="control-description">Control for profile images.</span></div> </a></div></div><div id="maui-desktop" class="side-content hidden" data-content-link="/demos/maui" data-platform-name="maui-controls" data-download-link="maui?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">.NET MAUI<span class="right-arrow-link"/></div> <a class="component-link" href="/maui-controls">Explore 60+ .NET MAUI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('maui-desktop',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/maui-controls/maui-datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/maui-controls/maui-cartesian-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">20+ fast and interactive chart types.</span></div> </a> <a href="/maui-controls/maui-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/maui-controls/maui-maps" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/maui-controls/maui-listview" class="platform-item"><div class="platform-image sf-icon-list-view"/><div class="platform-details"> <span class="control-header">ListView</span> <span class="control-description">A list interface to select one or multiple items.</span></div> </a> <a href="/maui-controls/maui-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/maui-controls/maui-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/maui-controls/maui-calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar control.</span></div> </a> <a href="/maui-controls/maui-autocomplete" class="platform-item"><div class="platform-image sf-icon-autocomplete"/><div class="platform-details"> <span class="control-header">Autocomplete</span> <span class="control-description">A control for loading a huge volume of data.</span></div> </a> <a href="/maui-controls/maui-image-editor" class="platform-item"><div class="platform-image sf-icon-image-editor"/><div class="platform-details"> <span class="control-header">Image Editor</span> <span class="control-description">Built-in features to annotate and filter images.</span></div> </a> <a href="/maui-controls/maui-combobox" class="platform-item"><div class="platform-image sf-icon-combo-box"/><div class="platform-details"> <span class="control-header">ComboBox</span> <span class="control-description">An editable input control with UI customization.</span></div> </a> <a href="/maui-controls/maui-signaturepad" class="platform-item"><div class="platform-image sf-icon-signature"/><div class="platform-details"> <span class="control-header">Signature Pad</span> <span class="control-description">Draw smooth signatures as vector outline strokes.</span></div> </a> <a href="/maui-controls/maui-dataform" class="platform-item"><div class="platform-image sf-icon-form-validation"/><div class="platform-details"> <span class="control-header">DataForm</span> <span class="control-description">Create Interactive Data Entry Forms.</span></div> </a> <a href="/maui-controls/maui-picker" class="platform-item"><div class="platform-image sf-icon-picker"/><div class="platform-details"> <span class="control-header">Picker</span> <span class="control-description">A quick and interactive picker.</span></div> </a> <a href="/maui-controls/maui-slider" class="platform-item"><div class="platform-image sf-icon-linear-gauge"/><div class="platform-details"> <span class="control-header">Slider</span> <span class="control-description">Rich UI for selecting a value from a dataset.</span></div> </a> <a href="/maui-controls/maui-masked-entry" class="platform-item"><div class="platform-image sf-icon-input-mask"/><div class="platform-details"> <span class="control-header">Masked Entry</span> <span class="control-description">Easily mask input values.</span></div> </a> <a href="/maui-controls/maui-numeric-entry" class="platform-item"><div class="platform-image sf-icon-numeric-textbox"/><div class="platform-details"> <span class="control-header">Numeric Entry</span> <span class="control-description">Flexible interface to enter numeric values.</span></div> </a> <a href="/maui-controls/maui-popup" class="platform-item"><div class="platform-image sf-icon-dialog"/><div class="platform-details"> <span class="control-header">Popup</span> <span class="control-description">Display an alert message with customized buttons.</span></div> </a> <a href="/maui-controls/maui-tree-map" class="platform-item"><div class="platform-image sf-icon-tree-map"/><div class="platform-details"> <span class="control-header">TreeMap</span> <span class="control-description">Display hierarchical and flat data.</span></div> </a> <a href="/maui-controls/maui-chat" class="platform-item"><div class="platform-image sf-icon-chat"/><div class="platform-details"> <span class="control-header">Chat</span> <span class="control-description">A conversational chatbot experience.</span></div> </a></div></div><div id="flutter-desktop" class="side-content hidden" data-content-link="https://flutter.syncfusion.com" data-platform-name="flutter" data-download-link="flutter?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Flutter<span class="right-arrow-link"/></div> <a class="component-link" href="/flutter-widgets">Explore 15+ Flutter Widgets <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Widgets" oninput="handleInput('flutter-desktop',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/flutter-widgets/flutter-datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid widget.</span></div> </a> <a href="/flutter-widgets/flutter-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">30+ fast and interactive chart types.</span></div> </a> <a href="/flutter-widgets/flutter-calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar widget.</span></div> </a> <a href="/document-processing/pdf-framework/flutter/pdf-library" class="platform-item"><div class="platform-image sf-icon-pdf"/><div class="platform-details"> <span class="control-header">PDF</span> <span class="control-description">A framework to manage, convert, and view PDFs.</span></div> </a> <a href="/flutter-widgets/flutter-daterangepicker" class="platform-item"><div class="platform-image sf-icon-date-range-picker"/><div class="platform-details"> <span class="control-header">DateRangePicker</span> <span class="control-description">A feature-rich, highly configurable widget.</span></div> </a> <a href="/flutter-widgets/flutter-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/flutter-widgets/flutter-maps" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/document-processing/excel-framework/flutter-excel-library" class="platform-item"><div class="platform-image sf-icon-excel"/><div class="platform-details"> <span class="control-header">Excel</span> <span class="control-description">Format, organize, and calculate in a spreadsheet.</span></div> </a> <a href="/flutter-widgets/flutter-treemap" class="platform-item"><div class="platform-image sf-icon-tree-map"/><div class="platform-details"> <span class="control-header">TreeMap</span> <span class="control-description">Display hierarchical and flat data.</span></div> </a> <a href="/flutter-widgets/flutter-range-slider" class="platform-item"><div class="platform-image sf-icon-range-slider"/><div class="platform-details"> <span class="control-header">Range Slider</span> <span class="control-description">A widget with material design-style UI.</span></div> </a> <a href="/flutter-widgets/flutter-radial-gauge" class="platform-item"><div class="platform-image sf-icon-circular-gauge"/><div class="platform-details"> <span class="control-header">Radial Gauge</span> <span class="control-description">Display numerical values on a radial scale.</span></div> </a> <a href="/flutter-widgets/flutter-signaturepad" class="platform-item"><div class="platform-image sf-icon-signature"/><div class="platform-details"> <span class="control-header">Signature Pad</span> <span class="control-description">Draw smooth signatures as vector outline strokes.</span></div> </a> <a href="/flutter-widgets/flutter-range-selector" class="platform-item"><div class="platform-image sf-icon-range-selector"/><div class="platform-details"> <span class="control-header">Range Selector</span> <span class="control-description">Visualize data for in-depth analysis.</span></div> </a> <a href="/flutter-widgets/flutter-spark-charts" class="platform-item"><div class="platform-image sf-icon-sparkline-chart"/><div class="platform-details"> <span class="control-header">Spark Chart</span> <span class="control-description">Lightweight micro charts.</span></div> </a> <a href="/flutter-widgets/flutter-linear-gauge" class="platform-item"><div class="platform-image sf-icon-linear-gauge"/><div class="platform-details"> <span class="control-header">Linear Gauge</span> <span class="control-description">Implement numeric values on a linear scale.</span></div> </a> <a href="/flutter-widgets/flutter-slider" class="platform-item"><div class="platform-image sf-icon-range-slider"/><div class="platform-details"> <span class="control-header">Slider</span> <span class="control-description">Rich UI for selecting a value from a dataset.</span></div> </a></div></div><div id="xamarin-desktop" class="side-content hidden" data-content-link="/demos/xamarin" data-platform-name="xamarin-forms" data-download-link="xamarin?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Xamarin<span class="right-arrow-link"/></div> <a class="component-link" href="/xamarin-ui-controls">Explore 150+ Xamarin UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('xamarin-desktop',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/xamarin-ui-controls/xamarin-datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">30+ fast and interactive chart types.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-maps" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-listview" class="platform-item"><div class="platform-image sf-icon-list-view"/><div class="platform-details"> <span class="control-header">Listview</span> <span class="control-description">A list interface to select one or multiple items.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-treeview" class="platform-item"><div class="platform-image sf-icon-tree-view"/><div class="platform-details"> <span class="control-header">Treeview</span> <span class="control-description">High-performance hierarchical tree list.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar control.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-autocomplete" class="platform-item"><div class="platform-image sf-icon-autocomplete"/><div class="platform-details"> <span class="control-header">AutoComplete</span> <span class="control-description">A control for loading a huge volume of data.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-image-editor" class="platform-item"><div class="platform-image sf-icon-image-editor"/><div class="platform-details"> <span class="control-header">Image Editor</span> <span class="control-description">Built-in features to annotate and filter images.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-combobox" class="platform-item"><div class="platform-image sf-icon-combo-box"/><div class="platform-details"> <span class="control-header">ComboBox</span> <span class="control-description">An editable input control with UI customization.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-signature" class="platform-item"><div class="platform-image sf-icon-signature"/><div class="platform-details"> <span class="control-header">Signature Pad</span> <span class="control-description">Draw smooth signatures as vector outline strokes.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-dataform" class="platform-item"><div class="platform-image sf-icon-form-validation"/><div class="platform-details"> <span class="control-header">DataForm</span> <span class="control-description">Create Interactive Data Entry Forms.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-picker" class="platform-item"><div class="platform-image sf-icon-picker"/><div class="platform-details"> <span class="control-header">Picker</span> <span class="control-description">A quick and interactive picker.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-range-slider" class="platform-item"><div class="platform-image sf-icon-range-slider"/><div class="platform-details"> <span class="control-header">Range Slider</span> <span class="control-description">A control with material design-style UI.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-masked-entry" class="platform-item"><div class="platform-image sf-icon-input-mask"/><div class="platform-details"> <span class="control-header">Masked Entry</span> <span class="control-description">Easily mask input values.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-numeric-entry" class="platform-item"><div class="platform-image sf-icon-numeric-textbox"/><div class="platform-details"> <span class="control-header">Numeric Entry</span> <span class="control-description">Flexible interface to enter numeric values.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-popup" class="platform-item"><div class="platform-image sf-icon-dialog"/><div class="platform-details"> <span class="control-header">Popup</span> <span class="control-description">Display an alert message with customized buttons.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-treemap" class="platform-item"><div class="platform-image sf-icon-tree-map"/><div class="platform-details"> <span class="control-header">TreeMap</span> <span class="control-description">Display hierarchical and flat data.</span></div> </a> <a href="/xamarin-ui-controls/xamarin-chat" class="platform-item"><div class="platform-image sf-icon-chat"/><div class="platform-details"> <span class="control-header">Chat</span> <span class="control-description">A conversational chatbot experience.</span></div> </a></div></div><div id="uwp-desktop" class="side-content hidden" data-content-link="https://github.com/syncfusion/uwp-demos" data-platform-name="uwp" data-download-link="universalwindows?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">UWP<span class="right-arrow-link"/></div> <a class="component-link" href="/uwp-ui-controls">Explore 70+ UWP UI Controls <span class="sf-icon-arrow-right"/></a><div class="search-container"> <input type="text" class="search-input-box" maxlength="50" pattern="[A-Za-z]+" placeholder="Search Controls" oninput="handleInput('uwp-desktop',event)" autocomplete="off"/> <span class="search-close sf-icon-close"/> <button class="sf-icon-search desktop-search-icon" type="submit"/><div class="suggestions-container" id="suggestionsContainer"><div class="noResultFound">No search results found</div></div></div></div><hr/><div class="control-platforms-list platform-grid"> <a href="/uwp-ui-controls/datagrid" class="platform-item"><div class="platform-image sf-icon-data-grid"/><div class="platform-details"> <span class="control-header">DataGrid</span> <span class="control-description">Fast and powerful Grid control.</span></div> </a> <a href="/uwp-ui-controls/richtextbox" class="platform-item"><div class="platform-image sf-icon-rich-text-editor"/><div class="platform-details"> <span class="control-header">Rich Text Editor</span> <span class="control-description">Markdown and HTML editor control.</span></div> </a> <a href="/uwp-ui-controls/charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">30+ fast and interactive chart types.</span></div> </a> <a href="/document-processing/pdf-framework/uwp" class="platform-item"><div class="platform-image sf-icon-pdf"/><div class="platform-details"> <span class="control-header">PDF</span> <span class="control-description">A framework to manage, convert, and view PDFs.</span></div> </a> <a href="/uwp-ui-controls/pdf-viewer" class="platform-item"><div class="platform-image sf-icon-pdf-viewer"/><div class="platform-details"> <span class="control-header">PDF Viewer</span> <span class="control-description">Easily view and review PDF files.</span></div> </a> <a href="/uwp-ui-controls/map" class="platform-item"><div class="platform-image sf-icon-map"/><div class="platform-details"> <span class="control-header">Maps</span> <span class="control-description">Perfect for displaying maps from map providers.</span></div> </a> <a href="/uwp-ui-controls/scheduler" class="platform-item"><div class="platform-image sf-icon-scheduler"/><div class="platform-details"> <span class="control-header">Scheduler</span> <span class="control-description">A complete event Calendar control.</span></div> </a> <a href="/document-processing/word-framework/uwp" class="platform-item"><div class="platform-image sf-icon-word"/><div class="platform-details"> <span class="control-header">Word</span> <span class="control-description">Create, edit, and convert word files easily.</span></div> </a> <a href="/uwp-ui-controls/gantt" class="platform-item"><div class="platform-image sf-icon-gantt-chart"/><div class="platform-details"> <span class="control-header">Gantt Chart</span> <span class="control-description">A project management tool to schedule projects.</span></div> </a> <a href="/uwp-ui-controls/diagram" class="platform-item"><div class="platform-image sf-icon-diagram"/><div class="platform-details"> <span class="control-header">Diagram</span> <span class="control-description">Create and edit interactive Diagrams.</span></div> </a> <a href="/uwp-ui-controls/treegrid" class="platform-item"><div class="platform-image sf-icon-tree-grid"/><div class="platform-details"> <span class="control-header">Tree Grid</span> <span class="control-description">A self-referential DataGrid control.</span></div> </a> <a href="/document-processing/excel-framework/uwp" class="platform-item"><div class="platform-image sf-icon-excel"/><div class="platform-details"> <span class="control-header">Excel</span> <span class="control-description">Format, organize, and calculate in a spreadsheet.</span></div> </a> <a href="/uwp-ui-controls/spreadsheet" class="platform-item"><div class="platform-image sf-icon-spreadsheet"/><div class="platform-details"> <span class="control-header">Spreadsheet</span> <span class="control-description">Comprehensive, flexible Excel Viewer and Editor.</span></div> </a> <a href="/uwp-ui-controls/calendar" class="platform-item"><div class="platform-image sf-icon-calendar"/><div class="platform-details"> <span class="control-header">Calendar</span> <span class="control-description">Simple, customizable Calendar control.</span></div> </a> <a href="/uwp-ui-controls/kanban-board" class="platform-item"><div class="platform-image sf-icon-kanban"/><div class="platform-details"> <span class="control-header">Kanban Board</span> <span class="control-description">Manage tasks with Swimlane.</span></div> </a> <a href="/document-processing/powerpoint-framework/uwp" class="platform-item"><div class="platform-image sf-icon-powerpoint"/><div class="platform-details"> <span class="control-header">PowerPoint</span> <span class="control-description">Create presentations from scratch or a template.</span></div> </a></div></div><div class="product-items-footer"> <a class="product-footer-link" href="/products/essential-studio">Learn more about Essential Studio<span class="sf-icon-arrow-right"/></a><div class="product-link-section"> <a href="/demos" class="product-link view-demo-link">VIEW DEMO</a> <a href="/products/whatsnew" class="product-link whats-new-link">WHAT’S NEW</a> <a href="/downloads" class="product-link try-it-free-link">TRY IT FREE</a></div></div></div><div id="enterprise-solution" class="content hidden product-list"><div class="products-navigation-bar"><span class="sf-icon-chevron-left"/><span class="sf-icon-close"/></div><h4>Enterprise Solutions</h4><div class="platform-grid"> <a href="https://www.boldbi.com/" class="platform-item"><div class="product-list-image boldbi"/><div class="platform-details"> <span class="control-header">Bold BI - Analytics Platform</span> <span class="control-description">Business intelligence and embedded analytics software.</span></div> </a> <a href="https://www.boldreports.com/" class="platform-item"><div class="product-list-image bold-reports"/><div class="platform-details"> <span class="control-header">Bold Reports - Reporting Platform</span> <span class="control-description">BI report management system and reporting tools.</span></div> </a> <a href="https://boldsign.com/" class="platform-item"><div class="product-list-image boldsign"/><div class="platform-details"> <span class="control-header">BoldSign - Electronic Signature software</span> <span class="control-description">Electronic signature software and API.</span></div> </a> <a href="https://www.bolddesk.com/" class="platform-item"><div class="product-list-image bolddesk"/><div class="platform-details"> <span class="control-header">BoldDesk - Customer Service Software</span> <span class="control-description">BoldDesk is cutting-edge help desk software.</span></div> </a></div><div id="enterprise-solution-footer" class="product-items-footer"> <a class="product-footer-link" href="/pages/syncfusion-ecosystem/">Learn more about Syncfusion Ecosystem <span class="sf-icon-arrow-right"/></a></div></div><div id="free-products" class="content hidden product-list"><div class="products-navigation-bar"><span class="sf-icon-chevron-left"/><span class="sf-icon-close"/></div><h4>Free Products</h4><div class="platform-grid"> <a href="https://www.syncfusion.com/pages/blazor-playground/" class="platform-item"><div class="product-list-image blazor-playground"/><div class="platform-details"> <span class="control-header">Blazor Playground</span> <span class="control-description">An online code editor for Blazor components.</span></div> </a> <a href="https://boldpdftools.com/" class="platform-item"><div class="product-list-image bold-pdf-tools"/><div class="platform-details"> <span class="control-header">Bold PDF Tools</span> <span class="control-description">A free online tool to compress, convert, and edit PDFs.</span></div> </a> <a href="/essential-xamarin-ui-kit" class="platform-item"><div class="product-list-image xamarin-ui-kit"/><div class="platform-details"> <span class="control-header">Xamarin UI Kit</span> <span class="control-description">Enhance the end-user experience with UI patterns.</span></div> </a> <a href="/downloads/metrostudio" class="platform-item"><div class="product-list-image metro-studio"/><div class="platform-details"> <span class="control-header">Metro Studio Icon Designer</span> <span class="control-description">Customizable flat and wireframe icons.</span></div> </a> <a href="/succinctly-free-ebooks" class="platform-item"><div class="product-list-image ebooks"/><div class="platform-details"> <span class="control-header">Latest Technology Ebooks</span> <span class="control-description">Explore all the free Succinctly series ebooks here.</span></div> </a></div><div id="free-products-footer" class="product-items-footer"><div class="product-link-section"> <a href="/demos" class="product-link view-demo-link">VIEW DEMO</a> <a href="/products/whatsnew" class="product-link whats-new-link">WHAT’S NEW</a> <a href="/downloads" class="product-link try-it-free-link">TRY IT FREE</a></div></div></div><div id="menu-search-loader" class="custom-loader"/><div id="document-processing" class="content hidden"><div class="products-navigation-bar"><span class="sf-icon-chevron-left"/><span class="sf-icon-close"/></div><div class="side-navbar"> <a role="button" data-content-id="pdf-library" onclick="showSideContent('pdf-library', event)" class="active"><span class="platform-icon pdf"/>PDF<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="word-library" onclick="showSideContent('word-library', event)" class=""><span class="platform-icon word"/>Word<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="excel-library" onclick="showSideContent('excel-library', event)" class=""><span class="platform-icon excel"/>Excel<span class="sf-icon-chevron-right-small"/></a> <a role="button" data-content-id="powerpoint-library" onclick="showSideContent('powerpoint-library', event)" class=""><span class="platform-icon powerpoint"/>PowerPoint<span class="sf-icon-chevron-right-small"/></a><div class="custom-dropdown mobile-dropdown" onclick="toggleMenuDropdown('document-processing')"><div class="selected-option"> <span class="option-text">Excel</span> <span class="sf-icon-chevron-down-small"/></div><ul class="dropdown-menu"><li data-value="PDF" onclick="selectOption('pdf-library', 'PDF' , 'document-processing')">PDF</li><li data-value="Word" onclick="selectOption('word-library', 'Word' , 'document-processing')">Word</li><li data-value="Excel" onclick="selectOption('excel-library', 'Excel' , 'document-processing')">Excel</li><li data-value="PowerPoint" onclick="selectOption('powerpoint-library', 'PowerPoint' , 'document-processing')">PowerPoint</li></ul></div></div><div id="pdf-library" class="side-content " data-content-link="/demos/fileformats/pdf-library" data-platform-name="" data-download-link="fileformats?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">PDF</div> <a class="document-processing-link" href="/document-processing/pdf-framework/net">Explore PDF Framework <span class="sf-icon-arrow-right"/></a></div><hr/><div class="library-platforms-list"><div class="component"><h4>Viewer Component <span class="sf-icon-chevron-down-small"/></h4><div class="single-column"> <a href="/aspnet-core-ui-controls/pdf-viewer" class="platform-item"><div class="platform-image sf-icon-file-view"/><div class="platform-details"> <span class="control-header">Viewing PDF</span> <span class="control-description">Effortlessly view and navigate PDF documents.</span></div> </a> <a href="/aspnet-core-ui-controls/pdf-viewer/annotate-pdf" class="platform-item"><div class="platform-image sf-icon-annotate-pdf"/><div class="platform-details"> <span class="control-header">Annotate PDF</span> <span class="control-description">Enhance your PDF experience interactive.</span></div> </a> <a href="/aspnet-core-ui-controls/pdf-viewer/formfilling-pdf" class="platform-item"><div class="platform-image sf-icon-form-filling"/><div class="platform-details"> <span class="control-header">Form Filling</span> <span class="control-description">Simplify paperwork with our PDF Form Filling capability.</span></div> </a></div></div><div class="processing-library"><h4>.NET PDF Processing Library <span class="sf-icon-chevron-down-small"/></h4><div class="split-column"> <a href="/document-processing/pdf-framework/net/pdf-library/digital-signature-pdf" class="platform-item"><div class="platform-image sf-icon-digital-signature"/><div class="platform-details"> <span class="control-header">Digital signature</span> <span class="control-description">Elevate authenticity by digitally signing PDFs.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/redact" class="platform-item"><div class="platform-image sf-icon-redaction"/><div class="platform-details"> <span class="control-header">Redaction</span> <span class="control-description">Redact sensitive information with ease.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/extract-data-from-pdf" class="platform-item"><div class="platform-image sf-icon-data-extraction"/><div class="platform-details"> <span class="control-header">Data Extraction</span> <span class="control-description">Extract required data from PDFs.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/pdf-form-fields" class="platform-item"><div class="platform-image sf-icon-edit-bookmark"/><div class="platform-details"> <span class="control-header">PDF Forms</span> <span class="control-description">Create, Fill &amp; edit PDF Forms.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/compress-pdf" class="platform-item"><div class="platform-image sf-icon-compress-pdf"/><div class="platform-details"> <span class="control-header">Compress PDF</span> <span class="control-description">Optimize PDF effortlessly with compression.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/pdf-annotation" class="platform-item"><div class="platform-image sf-icon-pdf-annotations"/><div class="platform-details"> <span class="control-header">PDF annotations</span> <span class="control-description">Add, edit, and delete annotations.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/split-pdf" class="platform-item"><div class="platform-image sf-icon-split-documents"/><div class="platform-details"> <span class="control-header">Split &amp; Merge PDF</span> <span class="control-description">Effortlessly split or merge PDFs.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/protect-pdf" class="platform-item"><div class="platform-image sf-icon-protect-pdf"/><div class="platform-details"> <span class="control-header">Protect PDF</span> <span class="control-description">Keep your PDFs confidential.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/accessible-pdf" class="platform-item"><div class="platform-image sf-icon-create-accessible-pdf"/><div class="platform-details"> <span class="control-header">Create Accessible PDFs</span> <span class="control-description">Improve the accessibility of PDFs.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/ocr-process" class="platform-item"><div class="platform-image sf-icon-ocr-pdf"/><div class="platform-details"> <span class="control-header">OCR PDF</span> <span class="control-description">Extract text from scanned PDFs.</span></div> </a></div></div><div class="conversion"><h4>Conversions <span class="sf-icon-chevron-down-small"/></h4><div class="single-column"> <a href="/document-processing/pdf-framework/net/html-to-pdf" class="platform-item"><div class="platform-image sf-icon-html-pdf"/><div class="platform-details"> <span class="control-header">HTML to PDF</span> <span class="control-description">Convert web pages to PDFs, easily.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/image-to-pdf" class="platform-item"><div class="platform-image sf-icon-image-pdf"/><div class="platform-details"> <span class="control-header">Image to PDF</span> <span class="control-description">Convert images to professional PDFs.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/pdf-to-image" class="platform-item"><div class="platform-image sf-icon-pdf-image"/><div class="platform-details"> <span class="control-header">PDF to Image</span> <span class="control-description">Easily turn PDFs into images.</span></div> </a> <a href="/document-processing/pdf-framework/net/pdf-library/pdf-to-pdf-a" class="platform-item"><div class="platform-image sf-icon-powerpoint-pdf"/><div class="platform-details"> <span class="control-header">PDF to PDF/A</span> <span class="control-description">Archive your PDFs with long-term preservation.</span></div> </a> <a href="/document-processing/word-framework/net/word-to-pdf-conversion" class="platform-item"><div class="platform-image sf-icon-word-pdf"/><div class="platform-details"> <span class="control-header">Word to PDF</span> <span class="control-description">Convert Word to PDF, PDF/A, and PDF/UA. </span></div> </a></div></div></div></div><div id="word-library" class="side-content hidden" data-content-link="/demos/fileformats/word-library" data-platform-name="" data-download-link="fileformats?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Word</div> <a class="document-processing-link" href="/document-processing/word-framework/net">Explore Word Framework <span class="sf-icon-arrow-right"/></a></div><hr/><div class="library-platforms-list"><div class="component"><h4>Editor Component <span class="sf-icon-chevron-down-small"/></h4><div class="single-column"> <a href="/aspnet-core-ui-controls/word-processor" class="platform-item"><div class="platform-image sf-icon-edit-bookmark"/><div class="platform-details"> <span class="control-header">MS Word-like Editing</span> <span class="control-description">Word document editing like in Microsoft Word.</span></div> </a> <a href="/aspnet-core-ui-controls/word-processor/track-changes" class="platform-item"><div class="platform-image sf-icon-road-map"/><div class="platform-details"> <span class="control-header">Track Changes</span> <span class="control-description">Track the changes in document and accept or reject it.</span></div> </a> <a href="/aspnet-core-ui-controls/word-processor/editing-restriction" class="platform-item"><div class="platform-image sf-icon-editing-restriction"/><div class="platform-details"> <span class="control-header">Editing Restriction</span> <span class="control-description">Apply various editing restrictions to a Word document.</span></div> </a> <a href="/aspnet-core-ui-controls/word-processor/form-fields" class="platform-item"><div class="platform-image sf-icon-form-filling"/><div class="platform-details"> <span class="control-header">Form Fields</span> <span class="control-description">Design fillable Word form and fill it interactively.</span></div> </a> <a href="/aspnet-core-ui-controls/word-processor/collaborative-editing" class="platform-item"><div class="platform-image sf-icon-collaborative-editing"/><div class="platform-details"> <span class="control-header">Collaborative editing</span> <span class="control-description">Allows multiple users to edit the same document.</span></div> </a></div></div><div class="processing-library"><h4>.NET Word Processing Library <span class="sf-icon-chevron-down-small"/></h4><div class="split-column"> <a href="/document-processing/word-framework/net/word-library/mail-merge" class="platform-item"><div class="platform-image sf-icon-mail-merge"/><div class="platform-details"> <span class="control-header">Mail Merge</span> <span class="control-description">Generate letters, invoices, and more.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/merge-word-documents" class="platform-item"><div class="platform-image sf-icon-merge-documents"/><div class="platform-details"> <span class="control-header">Merge Documents</span> <span class="control-description">Combine multiple Word files into one.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/split-word-documents" class="platform-item"><div class="platform-image sf-icon-split-documents"/><div class="platform-details"> <span class="control-header">Split documents</span> <span class="control-description">Split the large Word file into smaller ones.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/find-and-replace" class="platform-item"><div class="platform-image sf-icon-find-replace"/><div class="platform-details"> <span class="control-header">Find and Replace</span> <span class="control-description">Search and modify content in Word.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/bookmark-in-word-document" class="platform-item"><div class="platform-image sf-icon-edit-bookmark"/><div class="platform-details"> <span class="control-header">Edit Bookmark contents</span> <span class="control-description">Retrieve, edit, and delete bookmarked content.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/compare-word-documents" class="platform-item"><div class="platform-image sf-icon-compare-documents"/><div class="platform-details"> <span class="control-header">Compare documents</span> <span class="control-description">Compare two versions of a Word document.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/form-filling-in-word-document" class="platform-item"><div class="platform-image sf-icon-ocr-pdf"/><div class="platform-details"> <span class="control-header">Form Filling</span> <span class="control-description">Fill in a Word document form.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/protect-word-documents" class="platform-item"><div class="platform-image sf-icon-protect-documents"/><div class="platform-details"> <span class="control-header">Protect documents</span> <span class="control-description">Encrypt, decrypt, or add editing restrictions.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/table-of-contents" class="platform-item"><div class="platform-image sf-icon-table-of-content"/><div class="platform-details"> <span class="control-header">Table of contents</span> <span class="control-description">Create, update, and modify TOCs in Word files.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/tables-in-word-document" class="platform-item"><div class="platform-image sf-icon-frozen-rows"/><div class="platform-details"> <span class="control-header">Tables</span> <span class="control-description">Organize content in rows and columns.</span></div> </a></div></div><div class="conversion"><h4>Conversions <span class="sf-icon-chevron-down-small"/></h4><div class="single-column"> <a href="/document-processing/word-framework/net/word-to-pdf-conversion" class="platform-item"><div class="platform-image sf-icon-word-pdf"/><div class="platform-details"> <span class="control-header">Word to PDF</span> <span class="control-description">Convert Word to PDF, PDF/A, and PDF/UA.</span></div> </a> <a href="/document-processing/word-framework/net/word-to-image-conversion" class="platform-item"><div class="platform-image sf-icon-word-image"/><div class="platform-details"> <span class="control-header">Word to Image</span> <span class="control-description">Convert Word document to images.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/html-conversions" class="platform-item"><div class="platform-image sf-icon-html-word"/><div class="platform-details"> <span class="control-header">HTML to Word</span> <span class="control-description">Convert HTML to Word document.</span></div> </a> <a href="/document-processing/word-framework/net/word-library/text-conversions" class="platform-item"><div class="platform-image sf-icon-word-text"/><div class="platform-details"> <span class="control-header">Word to Text</span> <span class="control-description">Convert Word documents to text files.</span></div> </a></div></div></div></div><div id="excel-library" class="side-content hidden" data-content-link="/demos/fileformats/excel-library" data-platform-name="" data-download-link="fileformats?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">Excel</div> <a class="document-processing-link" href="/document-processing/excel-framework/net">Explore Excel Framework <span class="sf-icon-arrow-right"/></a></div><hr/><div class="library-platforms-list"><div class="component"><h4>Editor Component <span class="sf-icon-chevron-down-small"/></h4><div class="single-column"> <a href="/aspnet-core-ui-controls/spreadsheet/open-save" class="platform-item"><div class="platform-image sf-icon-file-view"/><div class="platform-details"> <span class="control-header">View Excel, CSV data</span> <span class="control-description">View, manipulate Excel and CSV data effortlessly.</span></div> </a> <a href="/aspnet-core-ui-controls/spreadsheet/formatting" class="platform-item"><div class="platform-image sf-icon-number-formatting"/><div class="platform-details"> <span class="control-header">Number Formatting</span> <span class="control-description">Make your data easier to view and understand.</span></div> </a> <a href="/aspnet-core-ui-controls/spreadsheet/formulas" class="platform-item"><div class="platform-image sf-icon-formulas"/><div class="platform-details"> <span class="control-header">Formulas</span> <span class="control-description">Built-in calculation engine for evaluating formulas.</span></div> </a> <a href="/aspnet-core-ui-controls/spreadsheet/freeze-panes" class="platform-item"><div class="platform-image sf-icon-frozen-column"/><div class="platform-details"> <span class="control-header">Frozen Columns</span> <span class="control-description">Locks specific columns in place while scrolling the sheet.</span></div> </a> <a href="/aspnet-core-ui-controls/spreadsheet/freeze-panes" class="platform-item"><div class="platform-image sf-icon-frozen-rows"/><div class="platform-details"> <span class="control-header">Frozen Rows</span> <span class="control-description">Locks specific rows in place while scrolling the sheet.</span></div> </a></div></div><div class="processing-library"><h4>.NET Excel Processing Library <span class="sf-icon-chevron-down-small"/></h4><div class="split-column"> <a href="/document-processing/excel-framework/net/excel-library/import-data-to-excel" class="platform-item"><div class="platform-image sf-icon-import-and-export"/><div class="platform-details"> <span class="control-header">Import &amp; Export data</span> <span class="control-description">Import and Export data from Excel.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/import-data-to-excel-template" class="platform-item"><div class="platform-image sf-icon-template-markers"/><div class="platform-details"> <span class="control-header">Template Markers</span> <span class="control-description">Import data to a predefined Excel template.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/formula" class="platform-item"><div class="platform-image sf-icon-formulas"/><div class="platform-details"> <span class="control-header">Formulas</span> <span class="control-description">400+ Excel functions for calculations.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/conditional-formatting" class="platform-item"><div class="platform-image sf-icon-styles-formatting"/><div class="platform-details"> <span class="control-header">Conditional Formatting</span> <span class="control-description">Format cells based on specific conditions.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">80+ Chart types</span> <span class="control-description">Visualize data with Excel charts.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/data-validation" class="platform-item"><div class="platform-image sf-icon-data-validation"/><div class="platform-details"> <span class="control-header">Data Validation</span> <span class="control-description">Evaluate the data in the cells to ensure accuracy.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/table" class="platform-item"><div class="platform-image sf-icon-tables"/><div class="platform-details"> <span class="control-header">Tables</span> <span class="control-description">Organize data with tables.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/security" class="platform-item"><div class="platform-image sf-icon-security"/><div class="platform-details"> <span class="control-header">Security</span> <span class="control-description">Protect Excel documents with a password.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/pivot-table" class="platform-item"><div class="platform-image sf-icon-pivot-grid"/><div class="platform-details"> <span class="control-header">Pivot Tables</span> <span class="control-description">Summarizes and categorizes data dynamically.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-library/Threaded-Comments" class="platform-item"><div class="platform-image sf-icon-comments"/><div class="platform-details"> <span class="control-header">Comments</span> <span class="control-description">Notes and comments in the cells for future use.</span></div> </a></div></div><div class="conversion"><h4>Conversions <span class="sf-icon-chevron-down-small"/></h4><div class="single-column"> <a href="/document-processing/excel-framework/net/excel-to-pdf-conversion" class="platform-item"><div class="platform-image sf-icon-excel-pdf"/><div class="platform-details"> <span class="control-header">Excel to PDF</span> <span class="control-description">Convert Excel documents to PDF.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-to-image-conversion" class="platform-item"><div class="platform-image sf-icon-excel-image"/><div class="platform-details"> <span class="control-header">Excel to Image</span> <span class="control-description">Convert Excel documents to images.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-to-json-conversion" class="platform-item"><div class="platform-image sf-icon-excel-json"/><div class="platform-details"> <span class="control-header">Excel to JSON</span> <span class="control-description">Convert Excel documents to JSON.</span></div> </a> <a href="/document-processing/excel-framework/net/excel-to-csv-conversion" class="platform-item"><div class="platform-image sf-icon-excel-csv"/><div class="platform-details"> <span class="control-header">Excel to CSV</span> <span class="control-description">Convert Excel documents to CSV.</span></div> </a> <a href="/document-processing/excel-framework/net/csv-to-excel-conversion" class="platform-item"><div class="platform-image sf-icon-csv-excel"/><div class="platform-details"> <span class="control-header">CSV to Excel</span> <span class="control-description">Convert CSV documents to Excel formats.</span></div> </a></div></div></div></div><div id="powerpoint-library" class="side-content hidden" data-content-link="/demos/fileformats/powerpoint-library" data-platform-name="" data-download-link="fileformats?tag=es-seo-menu-trial"><div class="nav-control-section"><div class="control-header-section">PowerPoint</div> <a class="document-processing-link" href="/document-processing/powerpoint-framework/net">Explore PowerPoint Framework <span class="sf-icon-arrow-right"/></a></div><hr/><div class="library-platforms-list"><div class="processing-library"><h4>.NET PowerPoint Processing Library <span class="sf-icon-chevron-down-small"/></h4><div class="split-column"> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/powerpoint-slides" class="platform-item"><div class="platform-image sf-icon-slide"/><div class="platform-details"> <span class="control-header">Slide</span> <span class="control-description">Create and edit slides in PowerPoint.</span></div> </a> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/merge-powerpoints" class="platform-item"><div class="platform-image sf-icon-merge-documents"/><div class="platform-details"> <span class="control-header">Merge Presentation</span> <span class="control-description">Combine multiple presentations into one.</span></div> </a> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/powerpoint-shapes" class="platform-item"><div class="platform-image sf-icon-shapes"/><div class="platform-details"> <span class="control-header">Shapes</span> <span class="control-description">Add, format, and remove shapes.</span></div> </a> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/protect-powerpoint" class="platform-item"><div class="platform-image sf-icon-security"/><div class="platform-details"> <span class="control-header">Protect Presentation</span> <span class="control-description">Encrypt, decrypt, and restrict editing.</span></div> </a> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/powerpoint-charts" class="platform-item"><div class="platform-image sf-icon-charts"/><div class="platform-details"> <span class="control-header">Charts</span> <span class="control-description">Create and modify 75+ chart types.</span></div> </a> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/find-and-replace-powerpoint" class="platform-item"><div class="platform-image sf-icon-find-replace"/><div class="platform-details"> <span class="control-header">Find and Replace</span> <span class="control-description">Locate and update content in PowerPoint.</span></div> </a> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/format-powerpoint" class="platform-item"><div class="platform-image sf-icon-styles-formatting"/><div class="platform-details"> <span class="control-header">Formatting</span> <span class="control-description">Enhance the visual appeal of PowerPoint.</span></div> </a> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/powerpoint-animations-and-transitions" class="platform-item"><div class="platform-image sf-icon-transition-animation"/><div class="platform-details"> <span class="control-header">Transition and Animation</span> <span class="control-description">Add and modify animations and transitions.</span></div> </a></div></div><div class="conversion"><h4>Conversions <span class="sf-icon-chevron-down-small"/></h4><div class="single-column"> <a href="/document-processing/powerpoint-framework/net/powerpoint-to-pdf-conversion" class="platform-item"><div class="platform-image sf-icon-powerpoint-pdf"/><div class="platform-details"> <span class="control-header">PowerPoint to PDF</span> <span class="control-description">Convert PowerPoint to PDF, PDF/A and PDF/UA.</span></div> </a> <a href="/document-processing/powerpoint-framework/net/powerpoint-library/powerpoint-to-image-conversion" class="platform-item"><div class="platform-image sf-icon-powerpoint-image"/><div class="platform-details"> <span class="control-header">PowerPoint to Image</span> <span class="control-description">Convert PowerPoint to images.</span></div> </a></div></div></div></div><div id="document-processing-footer" class="product-items-footer"> <a class="product-footer-link" href="/document-processing-libraries">Explore all Frameworks <span class="sf-icon-arrow-right"/></a><div class="product-link-section"> <a href="/demos" class="product-link view-demo-link">VIEW DEMO</a> <a href="/products/whatsnew" class="product-link whats-new-link">WHAT’S NEW</a> <a href="/downloads" class="product-link try-it-free-link">TRY IT FREE</a></div></div></div></div></div></div></div></div></div></div></div></section></div></div></li><li class="menu-firstitem menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-106 menu-item-has-children wpr-mega-menu-true" data-id="106"><a title="Learning &amp; Support" href="#" class="wpr-mobile-menu-item">Learning &amp; Support<i class="wpr-mobile-sub-icon"/></a><div class="wpr-mobile-sub-mega-menu"><div data-elementor-type="wp-post" data-elementor-id="95279" class="elementor elementor-95279" data-elementor-post-type="wpr_mega_menu"><section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-e8b2203 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no" data-id="e8b2203" data-element_type="section"><div class="elementor-container elementor-column-gap-default"><div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4c0b963" data-id="4c0b963" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-de64916 elementor-widget elementor-widget-shortcode" data-id="de64916" data-element_type="widget" data-widget_type="shortcode.default"><div class="elementor-widget-container"><div class="elementor-shortcode"><div class="learning-and-support-menu"><div class="learning-and-support-items"><div class="navbar"> <a role="button" onclick="showContent('learning-section',event,true)" data-content-id="learning-section" class="active">Learning <span class="sf-icon-chevron-right-small"/> <span class="active-border"/></a> <a role="button" onclick="showContent('resources-section',event,true)" data-content-id="resources-section">Resources <span class="sf-icon-chevron-right-small"/><span class="active-border"/></a> <a role="button" onclick="showContent('support-section',event,true)" data-content-id="support-section">Support<span class="sf-icon-chevron-right-small"/><span class="active-border"/></a></div><div id="learning-section" class="content "><div class="products-navigation-bar"><span class="menu-back-button sf-icon-chevron-left"/><span class="menu-close-button sf-icon-close"/></div><h4>Learning</h4><div class="platform-grid"> <a href="/demos" class="platform-item"><div class="platform-image sf-icon-demos"/><div class="platform-details"> <span class="control-header">Demos</span> <span class="control-description">Explore our exciting product demos.</span></div> </a> <a href="/blogs/" class="platform-item"><div class="platform-image sf-icon-blog"/><div class="platform-details"> <span class="control-header">Blog</span> <span class="control-description">Discover new ideas and perspectives.</span></div> </a> <a href="https://help.syncfusion.com" class="platform-item"><div class="platform-image sf-icon-documentation"/><div class="platform-details"> <span class="control-header">Documentation</span> <span class="control-description">Comprehensive guides for every product.</span></div> </a> <a href="/products/whatsnew" class="platform-item"><div class="platform-image sf-icon-whats-new"/><div class="platform-details"> <span class="control-header">What’s New</span> <span class="control-description">New updates and features at a glance.</span></div> </a> <a href="/products/roadmap" class="platform-item"><div class="platform-image sf-icon-road-map"/><div class="platform-details"> <span class="control-header">Road Map</span> <span class="control-description">See what’s coming soon.</span></div> </a> <a href="/products/release-history" class="platform-item"><div class="platform-image sf-icon-release-history"/><div class="platform-details"> <span class="control-header">Release History</span> <span class="control-description">Browse our complete product release history.</span></div> </a> <a href="/tutorial-videos" class="platform-item"><div class="platform-image sf-icon-tutorial-videos"/><div class="platform-details"> <span class="control-header">Tutorial Videos</span> <span class="control-description">Sharpen your skills with our tutorial videos.</span></div> </a></div></div><div id="resources-section" class="content hidden"><div class="products-navigation-bar"><span class="menu-back-button sf-icon-chevron-left"/><span class="menu-close-button sf-icon-close"/></div><h4>Resources</h4><div class="platform-grid"> <a href="/succinctly-free-ebooks" class="platform-item"><div class="platform-image sf-icon-ebooks"/><div class="platform-details"> <span class="control-header">Ebooks</span> <span class="control-description">Read up on latest industry trends and topics.</span></div> </a> <a href="/resources/techportal/whitepapers" class="platform-item"><div class="platform-image sf-icon-white-papers"/><div class="platform-details"> <span class="control-header">White Papers</span> <span class="control-description">Gain insight into important developer issues.</span></div> </a> <a href="/company/case-studies" class="platform-item"><div class="platform-image sf-icon-case-studies"/><div class="platform-details"> <span class="control-header">Case Studies</span> <span class="control-description">Real-world examples of our products.</span></div> </a> <a href="/faq/" class="platform-item"><div class="platform-image sf-icon-technical-faq"/><div class="platform-details"> <span class="control-header">Technical FAQ</span> <span class="control-description">Find answers to your queries quickly.</span></div> </a> <a href="/code-examples" class="platform-item"><div class="platform-image sf-icon-code-examples"/><div class="platform-details"> <span class="control-header">Code Examples</span> <span class="control-description">Level up your skills with hands-on code examples.</span></div> </a> <a href="/pages/accessibility/" class="platform-item"><div class="platform-image sf-icon-accessibility"/><div class="platform-details"> <span class="control-header">Accessibility</span> <span class="control-description">Accessibility and Section 508 compliance.</span></div> </a> <a href="/web-stories/" class="platform-item"><div class="platform-image sf-icon-web-stories"/><div class="platform-details"> <span class="control-header">Web Stories</span> <span class="control-description">Immerse yourself in engaging web stories.</span></div> </a> <a href="/webinars/" class="platform-item"><div class="platform-image sf-icon-webinar"/><div class="platform-details"> <span class="control-header">Webinars<span class="new-tag">NEW</span></span> <span class="control-description">Watch our collection of informative webinars.</span></div> </a></div></div><div id="support-section" class="content hidden"><div class="products-navigation-bar"><span class="menu-back-button sf-icon-chevron-left"/><span class="menu-close-button sf-icon-close"/></div><h4>Support</h4><div class="platform-grid"> <a href="/forums" class="platform-item"><div class="platform-image sf-icon-community-forum"/><div class="platform-details"> <span class="control-header">Community Forum</span> <span class="control-description">Connect and learn in our active community forum.</span></div> </a> <a href="https://support.syncfusion.com/kb" class="platform-item"><div class="platform-image sf-icon-knowledge-base"/><div class="platform-details"> <span class="control-header">Knowledge Base</span> <span class="control-description">Learn how to make the most of our products.</span></div> </a> <a href="https://support.syncfusion.com/create" class="platform-item"><div class="platform-image sf-icon-contact-support"/><div class="platform-details"> <span class="control-header">Contact Support</span> <span class="control-description">Need help? Submit a support ticket.</span></div> </a> <a href="/feedback" class="platform-item"><div class="platform-image sf-icon-features-bugs"/><div class="platform-details"> <span class="control-header">Features &amp; Bugs</span> <span class="control-description">Share your feedback to shape our products.</span></div> </a> <a href="https://s3.amazonaws.com/files2.syncfusion.com/web/support/sla/26.1/syncfusion_software_support_sla.pdf" class="platform-item"><div class="platform-image sf-icon-sla"/><div class="platform-details"> <span class="control-header">SLA</span> <span class="control-description">Reliable service guaranteed.</span></div> </a> <a href="/support/product-lifecycle" class="platform-item"><div class="platform-image sf-icon-product-life-cycle"/><div class="platform-details"> <span class="control-header">Product Life Cycle</span> <span class="control-description">View the support life cycles for all our products.</span></div> </a></div><div id="support-menu-footer" class="product-items-footer"> <a class="product-footer-link" href="/support">Your one-stop technical support resource<span class="sf-icon-arrow-right"/></a></div></div></div></div></div></div></div></div></div></div></section></div></div></li><li class="menu-firstitem menu-item menu-item-type-custom menu-item-object-custom menu-item-126"><a href="https://www.syncfusion.com/sales/products" class="wpr-mobile-menu-item">Pricing</a></li><li class="menu-firstitem menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-127"><a href="#" class="wpr-mobile-menu-item">Company<i class="wpr-mobile-sub-icon"/></a><ul class="sub-menu wpr-mobile-sub-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-128"><a href="https://www.syncfusion.com/company/about-us" class="wpr-mobile-sub-menu-item">About Us</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-129"><a href="https://www.syncfusion.com/company/about-us/customerlist" class="wpr-mobile-sub-menu-item">Customers</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-81034"><a href="https://www.syncfusion.com/security-policy" class="wpr-mobile-sub-menu-item">Security Policy</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-130"><a href="https://www.syncfusion.com/blogs/" class="wpr-mobile-sub-menu-item">Blog</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-131"><a href="https://www.syncfusion.com/company/news-press-release" class="wpr-mobile-sub-menu-item">Press Releases</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-132"><a href="https://www.syncfusion.com/company/careers" class="wpr-mobile-sub-menu-item">Careers</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3111"><a href="https://syncfusion.com/microsoftpartners" class="wpr-mobile-sub-menu-item">Microsoft Partners</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-133"><a href="https://www.syncfusion.com/company/partners" class="wpr-mobile-sub-menu-item">Partners</a></li><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-134"><a href="https://www.syncfusion.com/company/contact-us" class="wpr-mobile-sub-menu-item">Contact Us</a></li></ul></li><li class="requestdemo-button book-free-demo-button menu-item menu-item-type-custom menu-item-object-custom menu-item-64638"><a href="https://www.syncfusion.com/request-demo" class="wpr-mobile-menu-item">BOOK A FREE DEMO</a></li><li class="freetrial-button try-it-free-button menu-item menu-item-type-custom menu-item-object-custom menu-item-135"><a href="https://www.syncfusion.com/downloads" class="wpr-mobile-menu-item">TRY IT FREE</a></li></ul></div></nav></div></div></div></div></div></header></div><div data-elementor-type="single" data-elementor-id="521" class="elementor elementor-521 elementor-location-single post-2896 faq-post type-faq-post status-publish hentry faq-category-event-handling faq-category-blazor faq-category-tips-and-tricks" data-elementor-post-type="elementor_library"><section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-b264482 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no" data-id="b264482" data-element_type="section"><div class="elementor-container elementor-column-gap-default"><div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-12e6889" data-id="12e6889" data-element_type="column" id="breadcrumb-section"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-a85ff41 elementor-widget elementor-widget-breadcrumbs" data-id="a85ff41" data-element_type="widget" data-widget_type="breadcrumbs.default"><div class="elementor-widget-container"><nav aria-label="breadcrumbs" class="rank-math-breadcrumb"><p><a href="https://www.syncfusion.com">Home</a><span class="separator"> / </span><a href="https://www.syncfusion.com/faq">FAQ</a><span class="separator"> / </span><a href="https://www.syncfusion.com/faq/blazor">Blazor</a><span class="separator"> / </span><a href="https://www.syncfusion.com/faq/blazor/event-handling">Event handling</a><span class="separator"> / </span><span class="last">How do you get the target element onclick event in Blazor?</span></p></nav></div></div><div class="elementor-element elementor-element-9ee2187 elementor-widget elementor-widget-html" data-id="9ee2187" data-element_type="widget" data-widget_type="html.default"><div class="elementor-widget-container"> </div></div></div></div><div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c7a954c" data-id="c7a954c" data-element_type="column" id="search-section"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-3e9daf1 elementor-search-form--skin-classic elementor-search-form--button-type-icon elementor-widget elementor-widget-search-form" data-id="3e9daf1" data-element_type="widget" data-settings="{&quot;skin&quot;:&quot;classic&quot;}" data-widget_type="search-form.default"><div class="elementor-widget-container"><form class="elementor-search-form" action="https://www.syncfusion.com/faq" method="get" role="search"><div class="elementor-search-form__container"> <label class="elementor-screen-only" for="elementor-search-form-3e9daf1">Search</label> <input id="elementor-search-form-3e9daf1" placeholder="Search FAQ" class="elementor-search-form__input" type="search" name="s" value=""/> <button class="elementor-search-form__submit" type="submit" aria-label="Search"> <i aria-hidden="true" class="fas fa-search"/> <span class="elementor-screen-only">Search</span> </button></div></form></div></div></div></div></div></section><section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-58079c2 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no" data-id="58079c2" data-element_type="section" id="title-section"><div class="elementor-container elementor-column-gap-default"><div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-758219f" data-id="758219f" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-c3fd7e1 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading" data-id="c3fd7e1" data-element_type="widget" data-widget_type="theme-post-title.default"><div class="elementor-widget-container"><h1 class="elementor-heading-title elementor-size-default">How do you get the target element onclick event in Blazor?</h1></div></div></div></div></div></section><section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-eef64e1 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no" data-id="eef64e1" data-element_type="section" id="description"><div class="elementor-container elementor-column-gap-default"><div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-27c4377" data-id="27c4377" data-element_type="column"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-f13be4c elementor-widget elementor-widget-shortcode" data-id="f13be4c" data-element_type="widget" id="find-category" data-widget_type="shortcode.default"><div class="elementor-widget-container"> <span class="info-container">Platform: <a class="info-value" href="https://www.syncfusion.com/faq/blazor">Blazor</a></span><span class="separator">|</span> <span>Category : <a class="info-value" href="https://www.syncfusion.com/faq/blazor/event-handling">Event handling</a><span>, </span> <a class="info-value" href="https://www.syncfusion.com/faq/blazor/tips-and-tricks"> Tips and Tricks</a></span><div class="elementor-shortcode"/></div></div></div></div></div></section><section data-particle_enable="false" data-particle-mobile-disabled="false" class="elementor-section elementor-top-section elementor-element elementor-element-82013d7 single-page-content elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no" data-id="82013d7" data-element_type="section"><div class="elementor-container elementor-column-gap-default"><div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-378b27f" data-id="378b27f" data-element_type="column" id="page-content"><div class="elementor-widget-wrap elementor-element-populated"><div class="elementor-element elementor-element-b20ae15 elementor-widget elementor-widget-theme-post-content" data-id="b20ae15" data-element_type="widget" data-widget_type="theme-post-content.default"><div class="elementor-widget-container"><p>Blazor does not have support to manipulate DOM elements directly, but we can still achieve it by using JavaScript interop. By creating a reference to an element, we can send it as a parameter to the JavaScript method via interop. In that JavaScript method, we can manipulate the DOM elements.</p><pre class="wp-block-code"><code>[script.js] window.setElementText = (element, text) =&gt; { console.log(element); element.innerText = text; }</code></pre><p> Refer the script file in HTML page</p><pre class="wp-block-code"><code>[index.html/_Host.cshtml] ..... &lt;script src="~/script.js"&gt;&lt;/script&gt; &lt;/head&gt; </code></pre><pre class="wp-block-code"><code>[Counter.razor] @page "/counter" @using Microsoft.JSInterop @inject IJSRuntime JSRuntime &lt;h1&gt;Counter&lt;/h1&gt; &lt;p&gt;Current count: @currentCount&lt;/p&gt; &lt;p&gt;Last button clicked: @lastButtonClicked&lt;/p&gt; &lt;button @ref=button1 class="btn btn-primary" @onclick="@(()=&gt;IncrementCount(@button1))"&gt;Click me&lt;/button&gt; &lt;button @ref=button2 class="btn btn-primary" @onclick="@(()=&gt;IncrementCount1(@button2))"&gt;Click me&lt;/button&gt; @code { private ElementReference button1; private ElementReference button2; private int currentCount = 0; private string lastButtonClicked = "None"; private async void IncrementCount(ElementReference element) currentCount++; lastButtonClicked = "Button 1"; await JSRuntime.InvokeVoidAsync("setElementText", element, "Button 1 was clicked"); private async void IncrementCount1(ElementReference element) currentCount++;