<!DOCTYPE html>
<html class="no-js" lang="en" dir="ltr">
<head>
  <link rel="alternate" hreflang="en" href="https://www.infragistics.com/blogs/">
<link rel="alternate" hreflang="ja" href="https://jp.infragistics.com/blogs/">
<link rel="alternate" hreflang="ko" href="https://ko.infragistics.com/blogs/">
<link rel="alternate" hreflang="es" href="https://es.infragistics.com/blogs/">
<link rel="alternate" hreflang="pt-BR" data-test href="https://pt-br.infragistics.com/blogs/">  <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><![endif]-->
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="manifest" href="https://www.infragistics.com/blogs/wp-content/themes/infragistics/manifest.en.json" />
  <meta name="apple-itunes-app" content="app-id=1457353858">
  <meta name="facebook-domain-verification" content="adpjkchhm2pwycs4kxtpnws0qv67jc" />
  <meta name="author" content="Infragistics">
  <meta name="mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="application-name" content="App Builder" />
  <meta name="apple-mobile-web-app-title" content="App Builder" />
  <meta name="theme-color" content="#2d2a90" />
  <meta name="msapplication-navbutton-color" content="#2d2a90" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  <meta name="msapplication-starturl" content="/" />
  <link rel="apple-touch-icon" href="https://www.infragistics.com/blogs/wp-content/themes/infragistics/icons/apple-touch-icon.png" />
  <link rel="apple-touch-icon" sizes="76x76" href="https://www.infragistics.com/blogs/wp-content/themes/infragistics/icons/apple-touch-icon-76x76.png" />
  <link rel="apple-touch-icon" sizes="120x120" href="https://www.infragistics.com/blogs/wp-content/themes/infragistics/icons/apple-touch-icon-120x120.png" />
  <link rel="apple-touch-icon" sizes="152x152" href="https://www.infragistics.com/blogs/wp-content/themes/infragistics/icons/apple-touch-icon-152x152.png" />
  <link rel="apple-touch-icon" sizes="180x180" href="https://www.infragistics.com/blogs/wp-content/themes/infragistics/icons/apple-touch-icon-180x180.png" />
  <link rel="icon" type="image/png" sizes="16x16" href="https://www.infragistics.com/blogs/wp-content/themes/infragistics/icons/favicon-16x16.png" />
  <link rel="icon" type="image/png" sizes="32x32" href="https://www.infragistics.com/blogs/wp-content/themes/infragistics/icons/favicon-32x32.png" />
  <link rel="icon" type="image/png" sizes="192x192" href="https://www.infragistics.com/blogs/wp-content/themes/infragistics/icons/icon-192x192.png" />
  <link rel="icon" type="image/png" sizes="512x512" href="https://www.infragistics.com/blogs/wp-content/themes/infragistics/icons/icon-512x512.png" />
  <link rel="shortcut icon" type="image/x-icon" href="https://www.infragistics.com/blogs/wp-content/themes/infragistics/icons/favicon.ico" />
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-T65CF7');</script>
<!-- End Google Tag Manager -->
  
  
  <link data-minify="1" rel="stylesheet" href="https://www.infragistics.com/blogs/wp-content/cache/min/1/vss8ysm.css?ver=1772786343">
  <script>
      document.getElementsByTagName('html')[0].classList.remove('no-js');
      (function () {
          "use strict";
          // Optimization for Repeat Views
          if (sessionStorage.getItem('fontsLoadedFallback') !== null) {
              document.documentElement.className += " wf-active-2";
              return;
          } else if ("fonts" in document) {
              Promise.all([
                  document.fonts.load("300 1em Figtree"),
                  document.fonts.load("400 1em Figtree"),
                  document.fonts.load("700 1em Figtree"),
                  document.fonts.load("300 1em Nunito Sans"),
                  document.fonts.load("400 1em Nunito Sans"),
                  document.fonts.load("600 1em Nunito Sans"),
                  document.fonts.load("700 1em Nunito Sans")
              ]).then(function () {
                  document.documentElement.className += " wf-active-2";
                  sessionStorage.fontsLoadedFallback = true;
              });
          } else {
              // Font Loader API Fallback
              var ref = document.getElementsByTagName("script")[0];
              var script = document.createElement("script");
              script.src = "https://www.infragistics.com/blogs/wp-content/themes/infragistics/js/font-observer-fallback.min.js";
              script.async = true;
              ref.parentNode.insertBefore(script, ref);
          }
      })();
  </script>

   <script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=65dc5614f44fb1001a4c6a8a&product=sop' async='async'></script><script data-minify="1" src='https://www.infragistics.com/blogs/wp-content/cache/min/1/jquery-3.7.1.min.js?ver=1772786343' crossorigin='anonymous'></script><link rel="preconnect dns-prefetch" href="https://use.typekit.net" crossorigin><script data-minify="1" src="https://www.infragistics.com/blogs/wp-content/cache/min/1/wxj2jjp.js?ver=1772786343" data-rocket-defer defer></script><script>try { Typekit.load({ async: true }); } catch (e) { }</script>
  <title>Your Source for UI/UX News and Updates - Infragistics Blogs</title>
<link data-rocket-prefetch href="https://jp.infragistics.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://ko.infragistics.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://es.infragistics.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://pt-br.infragistics.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://www.youtube.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://j.6sc.co" rel="dns-prefetch">
<link data-rocket-prefetch href="https://scripts.clarity.ms" rel="dns-prefetch">
<link data-rocket-prefetch href="https://www.clarity.ms" rel="dns-prefetch">
<link data-rocket-prefetch href="https://s3.amazonaws.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://ddwl4m2hdecbv.cloudfront.net" rel="dns-prefetch">
<link data-rocket-prefetch href="https://cdn.pagesense.io" rel="dns-prefetch">
<link data-rocket-prefetch href="https://bat.bing.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://snap.licdn.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://script.crazyegg.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://www.googletagmanager.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://www.gstatic.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://platform-api.sharethis.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://t.sharethis.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://buttons-config.sharethis.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://use.typekit.net" rel="dns-prefetch">
<link data-rocket-prefetch href="https://fonts.googleapis.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://b-code.liadm.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://www.google.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://js.zi-scripts.com" rel="dns-prefetch">
<link data-rocket-preload as="style" href="https://fonts.googleapis.com/css?family=Figtree%3A300%2C400%2C700&#038;display=swap" rel="preload">
<link href="https://fonts.googleapis.com/css?family=Figtree%3A300%2C400%2C700&#038;display=swap" media="print" onload="this.media=&#039;all&#039;" rel="stylesheet">
<noscript data-wpr-hosted-gf-parameters=""><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Figtree%3A300%2C400%2C700&#038;display=swap"></noscript><link rel="preload" data-rocket-preload as="image" href="https://www.infragistics.com/blogs/wp-content/uploads/2026/02/ignite-ui-ai-agents.jpg" imagesrcset="https://www.infragistics.com/blogs/wp-content/uploads/2026/02/ignite-ui-ai-agents.jpg 1140w, https://www.infragistics.com/blogs/wp-content/uploads/2026/02/ignite-ui-ai-agents-300x112.jpg 300w, https://www.infragistics.com/blogs/wp-content/uploads/2026/02/ignite-ui-ai-agents-1024x382.jpg 1024w, https://www.infragistics.com/blogs/wp-content/uploads/2026/02/ignite-ui-ai-agents-768x286.jpg 768w, https://www.infragistics.com/blogs/wp-content/uploads/2026/02/ignite-ui-ai-agents-480x179.jpg 480w" imagesizes="(max-width: 1140px) 100vw, 1140px" fetchpriority="high">
  
<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ -->
<meta name="description" content="Read all about the latest Ignite UI and product updates, lead with current software trends, learn best practices for app development, debugging, and more."/>
<meta name="robots" content="follow, index"/>
<link rel="canonical" href="https://www.infragistics.com/blogs" />
<link rel="next" href="https://www.infragistics.com/blogs/page/2" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Your Source for UI/UX News and Updates - Infragistics Blogs" />
<meta property="og:description" content="Read all about the latest Ignite UI and product updates, lead with current software trends, learn best practices for app development, debugging, and more." />
<meta property="og:url" content="https://www.infragistics.com/blogs" />
<meta property="og:site_name" content="Your Source for UI/UX News and Updates – Infragistics Blogs" />
<meta property="og:image" content="https://www.infragistics.com/blogs/wp-content/uploads/2024/11/ig_logo_wider_1200x630-1024x538.png" />
<meta property="og:image:secure_url" content="https://www.infragistics.com/blogs/wp-content/uploads/2024/11/ig_logo_wider_1200x630-1024x538.png" />
<meta property="og:image:width" content="1024" />
<meta property="og:image:height" content="538" />
<meta property="og:image:type" content="image/png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Source for UI/UX News and Updates - Infragistics Blogs" />
<meta name="twitter:description" content="Read all about the latest Ignite UI and product updates, lead with current software trends, learn best practices for app development, debugging, and more." />
<meta name="twitter:image" content="https://www.infragistics.com/blogs/wp-content/uploads/2024/11/ig_logo_wider_1200x630-1024x538.png" />
<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.infragistics.com/blogs/#organization","name":"Infragistics","url":"https://staging.infragistics.com/blogs","logo":{"@type":"ImageObject","@id":"https://www.infragistics.com/blogs/#logo","url":"https://staging.infragistics.com/blogs/wp-content/uploads/2024/11/ig-logo-112-X-112.png","contentUrl":"https://staging.infragistics.com/blogs/wp-content/uploads/2024/11/ig-logo-112-X-112.png","caption":"Your Source for UI/UX News and Updates \u2013 Infragistics Blogs","inLanguage":"en-US","width":"112","height":"112"},"description":"Read all about the latest Ignite UI and product updates, lead with current software trends, learn best practices for app development, debugging, and more."},{"@type":"WebSite","@id":"https://www.infragistics.com/blogs/#website","url":"https://www.infragistics.com/blogs","name":"Your Source for UI/UX News and Updates \u2013 Infragistics Blogs","publisher":{"@id":"https://www.infragistics.com/blogs/#organization"},"inLanguage":"en-US","potentialAction":{"@type":"SearchAction","target":"https://www.infragistics.com/blogs/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"CollectionPage","@id":"https://www.infragistics.com/blogs#webpage","url":"https://www.infragistics.com/blogs","name":"Your Source for UI/UX News and Updates - Infragistics Blogs","about":{"@id":"https://www.infragistics.com/blogs/#organization"},"isPartOf":{"@id":"https://www.infragistics.com/blogs/#website"},"inLanguage":"en-US"}]}</script>
<!-- /Rank Math WordPress SEO plugin -->

<link rel='dns-prefetch' href='//www.infragistics.com' />
<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' />
<style id='wp-img-auto-sizes-contain-inline-css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id='wp-emoji-styles-inline-css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id='wp-block-library-inline-css'>
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=wp-block-library-inline-css */
</style>
<style id='wp-block-categories-inline-css'>
.wp-block-categories{box-sizing:border-box}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-categories.wp-block-categories-dropdown.aligncenter{text-align:center}.wp-block-categories .wp-block-categories__label{display:block;width:100%}
/*# sourceURL=https://www.infragistics.com/blogs/wp-includes/blocks/categories/style.min.css */
</style>
<style id='wp-block-heading-inline-css'>
h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
/*# sourceURL=https://www.infragistics.com/blogs/wp-includes/blocks/heading/style.min.css */
</style>
<style id='wp-block-paragraph-inline-css'>
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
/*# sourceURL=https://www.infragistics.com/blogs/wp-includes/blocks/paragraph/style.min.css */
</style>
<style id='wp-block-table-inline-css'>
.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:#0000}.wp-block-table.is-style-stripes{border-bottom:1px solid #f0f0f0}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}
/*# sourceURL=https://www.infragistics.com/blogs/wp-includes/blocks/table/style.min.css */
</style>

<style id='classic-theme-styles-inline-css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #4bc560;--wp--preset--color--secondary: #6c757d;--wp--preset--color--chambray: #3d498a;--wp--preset--color--cornflower-blue: #6e8efa;--wp--preset--color--emerald: #4bc560;--wp--preset--color--light-gray: #f8f9fa;--wp--preset--color--athens-gray: #fafafb;--wp--preset--color--gallery: #f5f5f5;--wp--preset--color--white-smoke: #f7f7f7;--wp--preset--color--whisper: #ebebf5;--wp--preset--color--cod-gray: #111111;--wp--preset--color--mine-shaft-dark: #282828;--wp--preset--color--mine-shaft: #333;--wp--preset--color--dove-gray: #666666;--wp--preset--color--nevada: #6c6d70;--wp--preset--color--santas-gray: #9e9fa2;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link data-minify="1" rel='stylesheet' id='bootstrap-reboot-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_reboot.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-type.-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_type.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-images-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_images.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-grid-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_grid.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-table-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_table.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-buttons-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_buttons.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-forms-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_forms.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-input-group-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_input-group.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-custom-forms-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_custom-forms.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-transitions-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_transitions.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-button-group-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_button-group.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-nav-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_nav.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-navbar-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_navbar.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-card-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_card.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-accordion-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_accordion.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-breadcrumb.-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_breadcrumb.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-badge-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_badge.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-jumbotron-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_jumbotron.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-alert-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_alert.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-progress-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_progress.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-media-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_media.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-list-group-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_list-group.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-close-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_close.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-spinners-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_spinners.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='bootstrap-utilities-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/bootstrap.v4.4/_utilities.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='animations-styles-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/animations.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='tiny-slider-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/tiny-slider.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='ig-modal-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/ig-modal.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='main-styles-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/styles.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='headlines-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/headlines.css?ver=1772786343' media='all' />
<link data-minify="1" rel='stylesheet' id='base-style-css' href='https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/css/base.css?ver=1772786343' media='all' />
<link rel='stylesheet' id='enlighterjs-css' href='https://www.infragistics.com/blogs/wp-content/plugins/enlighter/cache/enlighterjs.min.css?ver=r+xI0/otfxpQfea' media='all' />
<style id='rocket-lazyload-inline-css'>
.rll-youtube-player{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;max-width:100%;}.rll-youtube-player:focus-within{outline: 2px solid currentColor;outline-offset: 5px;}.rll-youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:0 0}.rll-youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:100%;width:100%;position:absolute;right:0;top:0;border:none;height:auto;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all}.rll-youtube-player img:hover{-webkit-filter:brightness(75%)}.rll-youtube-player .play{height:100%;width:100%;left:0;top:0;position:absolute;background:url(https://www.infragistics.com/blogs/wp-content/plugins/wp-rocket/assets/img/youtube.png) no-repeat center;background-color: transparent !important;cursor:pointer;border:none;}.wp-embed-responsive .wp-has-aspect-ratio .rll-youtube-player{position:absolute;padding-bottom:0;width:100%;height:100%;top:0;bottom:0;left:0;right:0}
/*# sourceURL=rocket-lazyload-inline-css */
</style>
<link rel="https://api.w.org/" href="https://www.infragistics.com/blogs/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.infragistics.com/blogs/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9.4" />
		<style id="wp-custom-css">
			

		</style>
		<noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript><meta name="generator" content="WP Rocket 3.21.2" data-wpr-features="wpr_defer_js wpr_minify_js wpr_lazyload_iframes wpr_preconnect_external_domains wpr_oci wpr_minify_css wpr_preload_links wpr_desktop" /></head>

<body class="sticky-header">
    <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T65CF7"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    <a id="skip-to-content" class="sr-only sr-only-focusable" href="#content">Skip to content</a>

<header  class="header__main">
  <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T65CF7"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
        </header>

<main  id="content">

<h1 class="sr-only">Infragistics Blog</h1>

<div  class="container results-page my-5">
  <div  class="wrapper">
    <div class="row row-eq-height">
        <div class="mb-4 px-3 col-lg-8 order-1">      <article class="item-article post-featured" id="post-3338" style="background: url('https://www.infragistics.com/blogs/wp-content/uploads/2025/11/ignite-ui-open-source-header.png') no-repeat center center; background-size: cover;">
      <div class="card bg-white p-3 shadow d-flex flex-column">    
        <div >
          <h3 class="card-title mt-0 mb-2 h4"><a class="text-dark font-weight-bold text-decoration-none text-limit-2" href="https://www.infragistics.com/blogs/open-source-components" rel="bookmark">Ignite UI Releases 50+ Powerful Open-Source Components</a></h3>                    <div class="mb-3 card--byline" itemscope itemtype="http://schema.org/Article">
            <span itemprop="author" class="mr-1 mr-xl-3">
              <img alt='Konstantin Dinev' src='https://secure.gravatar.com/avatar/f143dba5a88ba84fd5df42107693ab6f0809090ed2b3835e1bc005c67c4d31c9?s=30&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/f143dba5a88ba84fd5df42107693ab6f0809090ed2b3835e1bc005c67c4d31c9?s=60&#038;d=mm&#038;r=g 2x' class='avatar avatar-30 photo rounded-circle mr-1 mr-xl-2' height='30' width='30' decoding='async'/>                            <a href="https://www.infragistics.com/blogs/author/kdinev">
                Konstantin Dinev              </a>
            </span>
            <time itemprop="datePublished" datetime="2025-12-02">Dec 2, 2025</time>
          </div>
                  </div><!-- .entry-header -->
        <div class="card-text text-limit-2">
          <p>This is just the beginning. We will continue to expand and refine both our open-source and premium controls so that every developer, from startup innovators to large enterprise teams, can build exceptional digital experiences with the right tools.</p>
        </div><!-- .entry-summary -->
      </div>
    </article><!-- #post-3338 -->
  </div><div class="mb-4 px-3 col-lg-4 order-3">  
<div class="item-article card p-3 bg-white h-100 d-flex flex-column" id="post-3778">
	<div>
    <a href="https://www.infragistics.com/blogs/ignite-ui-for-web-components-7-2-ai-skills-mcp-more" rel="bookmark">
      <img width="1140" height="425" src="https://www.infragistics.com/blogs/wp-content/uploads/2026/06/ignite-ui-web-components-7-2-0-header.jpg" class="feature-image wp-post-image" alt="" decoding="async" fetchpriority="high" srcset="https://www.infragistics.com/blogs/wp-content/uploads/2026/06/ignite-ui-web-components-7-2-0-header.jpg 1140w, https://www.infragistics.com/blogs/wp-content/uploads/2026/06/ignite-ui-web-components-7-2-0-header-300x112.jpg 300w, https://www.infragistics.com/blogs/wp-content/uploads/2026/06/ignite-ui-web-components-7-2-0-header-1024x382.jpg 1024w, https://www.infragistics.com/blogs/wp-content/uploads/2026/06/ignite-ui-web-components-7-2-0-header-768x286.jpg 768w, https://www.infragistics.com/blogs/wp-content/uploads/2026/06/ignite-ui-web-components-7-2-0-header-480x179.jpg 480w" sizes="(max-width: 1140px) 100vw, 1140px" />    </a>
    <h3 class="card-title mt-3 mb-2 h4"><a class="text-dark font-weight-bold text-limit-2 text-decoration-none" href="https://www.infragistics.com/blogs/ignite-ui-for-web-components-7-2-ai-skills-mcp-more" rel="bookmark">Ignite UI for Web Components 7.2 &#8211; AI Skills, MCP &#038; More</a></h3>        <div class="mb-2 card--byline" itemscope itemtype="http://schema.org/Article">
      <span itemprop="author" class="mr-1 mr-xl-3">
        <img alt='Radoslav Mirchev' src='https://secure.gravatar.com/avatar/44593f84101e630ba3aedc00a95528641f68bb6225523d5160ba7c99263d4ff0?s=30&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/44593f84101e630ba3aedc00a95528641f68bb6225523d5160ba7c99263d4ff0?s=60&#038;d=mm&#038;r=g 2x' class='avatar avatar-30 photo rounded-circle mr-1 mr-xl-2' height='30' width='30' decoding='async'/>                <a href="https://www.infragistics.com/blogs/author/rmirchev">
          Radoslav Mirchev        </a>
      </span>
      <time itemprop="datePublished" datetime="2026-06-09">Jun 9, 2026</time>
    </div>
    	</div><!-- .entry-header -->
	<div class="card-text">
    <p class="text-limit-3">This release advances the library's AI toolchain with updated Agent Skills shipped directly in the npm package and CLI MCP server support for Web Components documentation and scaffolding. But this is not all. Read more here.</p>
	</div><!-- .entry-summary -->
  <div class="mt-auto">
    <a class="card-link" href="https://www.infragistics.com/blogs/ignite-ui-for-web-components-7-2-ai-skills-mcp-more">Continue Reading</a>
  </div>
</div><!-- #post-3778 -->
</div><div class="mb-4 px-3 col-lg-4 order-4">  
<div class="item-article card p-3 bg-white h-100 d-flex flex-column" id="post-3757">
	<div>
    <a href="https://www.infragistics.com/blogs/react-data-grid-crud-dotnet" rel="bookmark">
      <img width="1140" height="425" src="https://www.infragistics.com/blogs/wp-content/uploads/2026/05/react-grid-crud-blog-header.png" class="feature-image wp-post-image" alt="React Data Grid CRUD app with Ignite UI for React, Northwind, .NET API, Claude Code, and MCP" decoding="async" loading="lazy" srcset="https://www.infragistics.com/blogs/wp-content/uploads/2026/05/react-grid-crud-blog-header.png 1140w, https://www.infragistics.com/blogs/wp-content/uploads/2026/05/react-grid-crud-blog-header-300x112.png 300w, https://www.infragistics.com/blogs/wp-content/uploads/2026/05/react-grid-crud-blog-header-1024x382.png 1024w, https://www.infragistics.com/blogs/wp-content/uploads/2026/05/react-grid-crud-blog-header-768x286.png 768w, https://www.infragistics.com/blogs/wp-content/uploads/2026/05/react-grid-crud-blog-header-480x179.png 480w" sizes="auto, (max-width: 1140px) 100vw, 1140px" />    </a>
    <h3 class="card-title mt-3 mb-2 h4"><a class="text-dark font-weight-bold text-limit-2 text-decoration-none" href="https://www.infragistics.com/blogs/react-data-grid-crud-dotnet" rel="bookmark">Building a React Data Grid CRUD Admin App 30 Minutes</a></h3>        <div class="mb-2 card--byline" itemscope itemtype="http://schema.org/Article">
      <span itemprop="author" class="mr-1 mr-xl-3">
        <img alt='Jason Beres' src='https://secure.gravatar.com/avatar/3f0cfc630989250e40ab4a26863ca4f2108331da22a24ef04f715dc999f91d81?s=30&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/3f0cfc630989250e40ab4a26863ca4f2108331da22a24ef04f715dc999f91d81?s=60&#038;d=mm&#038;r=g 2x' class='avatar avatar-30 photo rounded-circle mr-1 mr-xl-2' height='30' width='30' loading='lazy' decoding='async'/>                <a href="https://www.infragistics.com/blogs/author/jasonb">
          Jason Beres        </a>
      </span>
      <time itemprop="datePublished" datetime="2026-05-06">May 6, 2026</time>
    </div>
    	</div><!-- .entry-header -->
	<div class="card-text">
    <p class="text-limit-3">TL;DR If you&#8217;ve built an admin CRUD app before, you know the routine: a grid that&#8217;s&nbsp;almost&nbsp;right, a half-finished modal form, a &#8220;we&#8217;ll do row editing later&#8221; sticky note, and three weeks of &#8220;filter doesn&#8217;t work on date columns&#8221; tickets. I rebuilt the classic Northwind admin console in less than 30 minutes — full CRUD across [&hellip;]</p>
	</div><!-- .entry-summary -->
  <div class="mt-auto">
    <a class="card-link" href="https://www.infragistics.com/blogs/react-data-grid-crud-dotnet">Continue Reading</a>
  </div>
</div><!-- #post-3757 -->
</div><div class="mb-4 px-3 col-lg-4 order-5">  
<div class="item-article card p-3 bg-white h-100 d-flex flex-column" id="post-3739">
	<div>
    <a href="https://www.infragistics.com/blogs/react-data-grid-claude-code" rel="bookmark">
      <img width="1140" height="425" src="https://www.infragistics.com/blogs/wp-content/uploads/2026/05/cli-react-data-grid-ai-cluade-code-1125.png" class="feature-image wp-post-image" alt="React Data Grid built with Ignite UI CLI, Claude Code, and MCP servers" decoding="async" loading="lazy" srcset="https://www.infragistics.com/blogs/wp-content/uploads/2026/05/cli-react-data-grid-ai-cluade-code-1125.png 1140w, https://www.infragistics.com/blogs/wp-content/uploads/2026/05/cli-react-data-grid-ai-cluade-code-1125-300x112.png 300w, https://www.infragistics.com/blogs/wp-content/uploads/2026/05/cli-react-data-grid-ai-cluade-code-1125-1024x382.png 1024w, https://www.infragistics.com/blogs/wp-content/uploads/2026/05/cli-react-data-grid-ai-cluade-code-1125-768x286.png 768w, https://www.infragistics.com/blogs/wp-content/uploads/2026/05/cli-react-data-grid-ai-cluade-code-1125-480x179.png 480w" sizes="auto, (max-width: 1140px) 100vw, 1140px" />    </a>
    <h3 class="card-title mt-3 mb-2 h4"><a class="text-dark font-weight-bold text-limit-2 text-decoration-none" href="https://www.infragistics.com/blogs/react-data-grid-claude-code" rel="bookmark">Build a React Data Grid with Claude Code, Ignite UI CLI, and MCP Servers</a></h3>        <div class="mb-2 card--byline" itemscope itemtype="http://schema.org/Article">
      <span itemprop="author" class="mr-1 mr-xl-3">
        <img alt='Jason Beres' src='https://secure.gravatar.com/avatar/3f0cfc630989250e40ab4a26863ca4f2108331da22a24ef04f715dc999f91d81?s=30&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/3f0cfc630989250e40ab4a26863ca4f2108331da22a24ef04f715dc999f91d81?s=60&#038;d=mm&#038;r=g 2x' class='avatar avatar-30 photo rounded-circle mr-1 mr-xl-2' height='30' width='30' loading='lazy' decoding='async'/>                <a href="https://www.infragistics.com/blogs/author/jasonb">
          Jason Beres        </a>
      </span>
      <time itemprop="datePublished" datetime="2026-05-04">May 4, 2026</time>
    </div>
    	</div><!-- .entry-header -->
	<div class="card-text">
    <p class="text-limit-3">Learn how to build an enterprise React Data Grid with Claude Code, Ignite UI for React, the Ignite UI CLI, Agent Skills, and MCP servers. See two workflows: adding Ignite UI to an existing React app or starting from the Ignite UI CLI.</p>
	</div><!-- .entry-summary -->
  <div class="mt-auto">
    <a class="card-link" href="https://www.infragistics.com/blogs/react-data-grid-claude-code">Continue Reading</a>
  </div>
</div><!-- #post-3739 -->
</div><div class="mb-4 px-3 col-lg-4 order-6">  
<div class="item-article card p-3 bg-white h-100 d-flex flex-column" id="post-3733">
	<div>
    <a href="https://www.infragistics.com/blogs/best-react-data-grid-for-large-datasets-performance-guide" rel="bookmark">
      <img width="2054" height="766" src="https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ChatGPT-Image-Apr-29-2026-01_20_52-PM.webp" class="feature-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ChatGPT-Image-Apr-29-2026-01_20_52-PM.webp 2054w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ChatGPT-Image-Apr-29-2026-01_20_52-PM-300x112.webp 300w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ChatGPT-Image-Apr-29-2026-01_20_52-PM-1024x382.webp 1024w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ChatGPT-Image-Apr-29-2026-01_20_52-PM-768x286.webp 768w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ChatGPT-Image-Apr-29-2026-01_20_52-PM-1536x573.webp 1536w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ChatGPT-Image-Apr-29-2026-01_20_52-PM-2048x764.webp 2048w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ChatGPT-Image-Apr-29-2026-01_20_52-PM-480x179.webp 480w" sizes="auto, (min-width: 1601px) 1600px, 100vw;" />    </a>
    <h3 class="card-title mt-3 mb-2 h4"><a class="text-dark font-weight-bold text-limit-2 text-decoration-none" href="https://www.infragistics.com/blogs/best-react-data-grid-for-large-datasets-performance-guide" rel="bookmark">Best React Data Grid for Large Datasets: Performance Guide</a></h3>        <div class="mb-2 card--byline" itemscope itemtype="http://schema.org/Article">
      <span itemprop="author" class="mr-1 mr-xl-3">
        <img alt='John McGuigan' src='https://secure.gravatar.com/avatar/1fb9070423ff1be9892282f51946617f8315af5fb5c616743ade8ee8f46f0ad0?s=30&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/1fb9070423ff1be9892282f51946617f8315af5fb5c616743ade8ee8f46f0ad0?s=60&#038;d=mm&#038;r=g 2x' class='avatar avatar-30 photo rounded-circle mr-1 mr-xl-2' height='30' width='30' loading='lazy' decoding='async'/>                <a href="https://www.infragistics.com/blogs/author/jmcguigan">
          John McGuigan        </a>
      </span>
      <time itemprop="datePublished" datetime="2026-04-29">Apr 29, 2026</time>
    </div>
    	</div><!-- .entry-header -->
	<div class="card-text">
    <p class="text-limit-3">When your React application needs to display 10,000, 100,000, or 1,000,000 rows, grid performance becomes an architectural concern rather than a UI detail. Large datasets expose weaknesses quickly: oversized DOM trees, scroll jank, blocked main-thread filtering, expensive re-renders, and poor memory behavior under live updates. This guide explains what makes a React data grid suitable [&hellip;]</p>
	</div><!-- .entry-summary -->
  <div class="mt-auto">
    <a class="card-link" href="https://www.infragistics.com/blogs/best-react-data-grid-for-large-datasets-performance-guide">Continue Reading</a>
  </div>
</div><!-- #post-3733 -->
</div><div class="mb-4 px-3 col-lg-4 order-7">  
<div class="item-article card p-3 bg-white h-100 d-flex flex-column" id="post-3729">
	<div>
    <a href="https://www.infragistics.com/blogs/react-tree-grid-vs-hierarchical-grid" rel="bookmark">
      <img width="1140" height="425" src="https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-tree-grid-vs-hierarchcial-grid.jpg" class="feature-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-tree-grid-vs-hierarchcial-grid.jpg 1140w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-tree-grid-vs-hierarchcial-grid-300x112.jpg 300w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-tree-grid-vs-hierarchcial-grid-1024x382.jpg 1024w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-tree-grid-vs-hierarchcial-grid-768x286.jpg 768w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-tree-grid-vs-hierarchcial-grid-480x179.jpg 480w" sizes="auto, (max-width: 1140px) 100vw, 1140px" />    </a>
    <h3 class="card-title mt-3 mb-2 h4"><a class="text-dark font-weight-bold text-limit-2 text-decoration-none" href="https://www.infragistics.com/blogs/react-tree-grid-vs-hierarchical-grid" rel="bookmark">React Tree Grid vs Hierarchical Grid: Which to Use?</a></h3>        <div class="mb-2 card--byline" itemscope itemtype="http://schema.org/Article">
      <span itemprop="author" class="mr-1 mr-xl-3">
        <img alt='Jason Beres' src='https://secure.gravatar.com/avatar/3f0cfc630989250e40ab4a26863ca4f2108331da22a24ef04f715dc999f91d81?s=30&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/3f0cfc630989250e40ab4a26863ca4f2108331da22a24ef04f715dc999f91d81?s=60&#038;d=mm&#038;r=g 2x' class='avatar avatar-30 photo rounded-circle mr-1 mr-xl-2' height='30' width='30' loading='lazy' decoding='async'/>                <a href="https://www.infragistics.com/blogs/author/jasonb">
          Jason Beres        </a>
      </span>
      <time itemprop="datePublished" datetime="2026-04-29">Apr 29, 2026</time>
    </div>
    	</div><!-- .entry-header -->
	<div class="card-text">
    <p class="text-limit-3">Choosing between a React Tree Grid and a Hierarchical Grid can significantly impact your app’s performance, usability, and scalability. While both components handle hierarchical data, they serve different purposes. A Tree Grid is ideal for recursive datasets where each level shares the same structure, such as categories or org charts. In contrast, a Hierarchical Grid is better suited for relational data with distinct entities at each level, like customer → order → line item. Understanding when to use each approach helps prevent costly refactoring and ensures a more intuitive user experience as your application grows. </p>
	</div><!-- .entry-summary -->
  <div class="mt-auto">
    <a class="card-link" href="https://www.infragistics.com/blogs/react-tree-grid-vs-hierarchical-grid">Continue Reading</a>
  </div>
</div><!-- #post-3729 -->
</div><div class="mb-4 px-3 col-lg-4 order-8">  
<div class="item-article card p-3 bg-white h-100 d-flex flex-column" id="post-3721">
	<div>
    <a href="https://www.infragistics.com/blogs/ai-assisted-react-data-grid-development-with-ignite-ui-copilot-claude-and-mcp" rel="bookmark">
      <img width="1140" height="425" src="https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-copilot-claude-mcp.jpg" class="feature-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-copilot-claude-mcp.jpg 1140w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-copilot-claude-mcp-300x112.jpg 300w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-copilot-claude-mcp-1024x382.jpg 1024w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-copilot-claude-mcp-768x286.jpg 768w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-copilot-claude-mcp-480x179.jpg 480w" sizes="auto, (max-width: 1140px) 100vw, 1140px" />    </a>
    <h3 class="card-title mt-3 mb-2 h4"><a class="text-dark font-weight-bold text-limit-2 text-decoration-none" href="https://www.infragistics.com/blogs/ai-assisted-react-data-grid-development-with-ignite-ui-copilot-claude-and-mcp" rel="bookmark">AI-Assisted React Data Grid Development with Claude Skills, Ignite UI, and MCP</a></h3>        <div class="mb-2 card--byline" itemscope itemtype="http://schema.org/Article">
      <span itemprop="author" class="mr-1 mr-xl-3">
        <img alt='Jason Beres' src='https://secure.gravatar.com/avatar/3f0cfc630989250e40ab4a26863ca4f2108331da22a24ef04f715dc999f91d81?s=30&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/3f0cfc630989250e40ab4a26863ca4f2108331da22a24ef04f715dc999f91d81?s=60&#038;d=mm&#038;r=g 2x' class='avatar avatar-30 photo rounded-circle mr-1 mr-xl-2' height='30' width='30' loading='lazy' decoding='async'/>                <a href="https://www.infragistics.com/blogs/author/jasonb">
          Jason Beres        </a>
      </span>
      <time itemprop="datePublished" datetime="2026-04-29">Apr 29, 2026</time>
    </div>
    	</div><!-- .entry-header -->
	<div class="card-text">
    <p class="text-limit-3">AI-Assisted React Data Grid Development: MCP Server + Copilot Skills is about making AI-generated React code more trustworthy for real UI work. </p>
	</div><!-- .entry-summary -->
  <div class="mt-auto">
    <a class="card-link" href="https://www.infragistics.com/blogs/ai-assisted-react-data-grid-development-with-ignite-ui-copilot-claude-and-mcp">Continue Reading</a>
  </div>
</div><!-- #post-3721 -->
</div><div class="mb-4 px-3 col-lg-4 order-9">  
<div class="item-article card p-3 bg-white h-100 d-flex flex-column" id="post-3690">
	<div>
    <a href="https://www.infragistics.com/blogs/ignite-ui-cli-mcp-release" rel="bookmark">
      <img width="1140" height="425" src="https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-cli-mcp.jpg" class="feature-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-cli-mcp.jpg 1140w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-cli-mcp-300x112.jpg 300w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-cli-mcp-1024x382.jpg 1024w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-cli-mcp-768x286.jpg 768w, https://www.infragistics.com/blogs/wp-content/uploads/2026/04/ignite-ui-cli-mcp-480x179.jpg 480w" sizes="auto, (max-width: 1140px) 100vw, 1140px" />    </a>
    <h3 class="card-title mt-3 mb-2 h4"><a class="text-dark font-weight-bold text-limit-2 text-decoration-none" href="https://www.infragistics.com/blogs/ignite-ui-cli-mcp-release" rel="bookmark">Ignite UI CLI MCP Server &#038; Angular 21.2</a></h3>        <div class="mb-2 card--byline" itemscope itemtype="http://schema.org/Article">
      <span itemprop="author" class="mr-1 mr-xl-3">
        <img alt='Radoslav Mirchev' src='https://secure.gravatar.com/avatar/44593f84101e630ba3aedc00a95528641f68bb6225523d5160ba7c99263d4ff0?s=30&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/44593f84101e630ba3aedc00a95528641f68bb6225523d5160ba7c99263d4ff0?s=60&#038;d=mm&#038;r=g 2x' class='avatar avatar-30 photo rounded-circle mr-1 mr-xl-2' height='30' width='30' loading='lazy' decoding='async'/>                <a href="https://www.infragistics.com/blogs/author/rmirchev">
          Radoslav Mirchev        </a>
      </span>
      <time itemprop="datePublished" datetime="2026-04-24">Apr 24, 2026</time>
    </div>
    	</div><!-- .entry-header -->
	<div class="card-text">
    <p class="text-limit-3">Ignite UI CLI 15.0 turns every new scaffold into an AI-ready workspace — shipping a built-in MCP server, generate-from-image design skills, and pre-wired agent configuration for Angular, React, and Web Components.</p>
	</div><!-- .entry-summary -->
  <div class="mt-auto">
    <a class="card-link" href="https://www.infragistics.com/blogs/ignite-ui-cli-mcp-release">Continue Reading</a>
  </div>
</div><!-- #post-3690 -->
</div><div class="mb-4 px-3 col-lg-4 order-10">  
<div class="item-article card p-3 bg-white h-100 d-flex flex-column" id="post-3612">
	<div>
    <a href="https://www.infragistics.com/blogs/ignite-ui-for-react-19-5-1" rel="bookmark">
      <img width="1140" height="425" src="https://www.infragistics.com/blogs/wp-content/uploads/2025/11/ignite-ui-react-grids-samples-dzone-header.jpg" class="feature-image wp-post-image" alt="react pwa with ignite ui" decoding="async" loading="lazy" srcset="https://www.infragistics.com/blogs/wp-content/uploads/2025/11/ignite-ui-react-grids-samples-dzone-header.jpg 1140w, https://www.infragistics.com/blogs/wp-content/uploads/2025/11/ignite-ui-react-grids-samples-dzone-header-300x112.jpg 300w, https://www.infragistics.com/blogs/wp-content/uploads/2025/11/ignite-ui-react-grids-samples-dzone-header-1024x382.jpg 1024w, https://www.infragistics.com/blogs/wp-content/uploads/2025/11/ignite-ui-react-grids-samples-dzone-header-768x286.jpg 768w, https://www.infragistics.com/blogs/wp-content/uploads/2025/11/ignite-ui-react-grids-samples-dzone-header-480x179.jpg 480w" sizes="auto, (max-width: 1140px) 100vw, 1140px" />    </a>
    <h3 class="card-title mt-3 mb-2 h4"><a class="text-dark font-weight-bold text-limit-2 text-decoration-none" href="https://www.infragistics.com/blogs/ignite-ui-for-react-19-5-1" rel="bookmark">Ignite UI for React 19.5.1: What’s New?</a></h3>        <div class="mb-2 card--byline" itemscope itemtype="http://schema.org/Article">
      <span itemprop="author" class="mr-1 mr-xl-3">
        <img alt='Radoslav Mirchev' src='https://secure.gravatar.com/avatar/44593f84101e630ba3aedc00a95528641f68bb6225523d5160ba7c99263d4ff0?s=30&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/44593f84101e630ba3aedc00a95528641f68bb6225523d5160ba7c99263d4ff0?s=60&#038;d=mm&#038;r=g 2x' class='avatar avatar-30 photo rounded-circle mr-1 mr-xl-2' height='30' width='30' loading='lazy' decoding='async'/>                <a href="https://www.infragistics.com/blogs/author/rmirchev">
          Radoslav Mirchev        </a>
      </span>
      <time itemprop="datePublished" datetime="2026-04-02">Apr 2, 2026</time>
    </div>
    	</div><!-- .entry-header -->
	<div class="card-text">
    <p class="text-limit-3">From Grid PDF Export, allowing you to export data from IgrGrid, IgrTreeGrid, IgrHierarchicalGrid, and IgrPivotGrid to new Intl-based rendering pipeline and more. Here are the latest updates in your toolbox.</p>
	</div><!-- .entry-summary -->
  <div class="mt-auto">
    <a class="card-link" href="https://www.infragistics.com/blogs/ignite-ui-for-react-19-5-1">Continue Reading</a>
  </div>
</div><!-- #post-3612 -->
</div><div class="mb-4 px-3 col-lg-4 order-11">  
<div class="item-article card p-3 bg-white h-100 d-flex flex-column" id="post-3645">
	<div>
    <a href="https://www.infragistics.com/blogs/engineering-fast-data-grids" rel="bookmark">
      <img width="1140" height="425" src="https://www.infragistics.com/blogs/wp-content/uploads/2026/03/ignite-ui-fleet-management-grid.jpg" class="feature-image wp-post-image" alt="engineering fast data grid" decoding="async" loading="lazy" srcset="https://www.infragistics.com/blogs/wp-content/uploads/2026/03/ignite-ui-fleet-management-grid.jpg 1140w, https://www.infragistics.com/blogs/wp-content/uploads/2026/03/ignite-ui-fleet-management-grid-300x112.jpg 300w, https://www.infragistics.com/blogs/wp-content/uploads/2026/03/ignite-ui-fleet-management-grid-1024x382.jpg 1024w, https://www.infragistics.com/blogs/wp-content/uploads/2026/03/ignite-ui-fleet-management-grid-768x286.jpg 768w, https://www.infragistics.com/blogs/wp-content/uploads/2026/03/ignite-ui-fleet-management-grid-480x179.jpg 480w" sizes="auto, (max-width: 1140px) 100vw, 1140px" />    </a>
    <h3 class="card-title mt-3 mb-2 h4"><a class="text-dark font-weight-bold text-limit-2 text-decoration-none" href="https://www.infragistics.com/blogs/engineering-fast-data-grids" rel="bookmark">Engineering Fast Data Grids: Lessons from Optimizing Ignite UI for 1M+ Data Records </a></h3>        <div class="mb-2 card--byline" itemscope itemtype="http://schema.org/Article">
      <span itemprop="author" class="mr-1 mr-xl-3">
        <img alt='Martin Dragnev' src='https://secure.gravatar.com/avatar/1fbac5778be39ab668561cce03ae7354979e59e2f3cb88d0643433cbb3ee6569?s=30&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/1fbac5778be39ab668561cce03ae7354979e59e2f3cb88d0643433cbb3ee6569?s=60&#038;d=mm&#038;r=g 2x' class='avatar avatar-30 photo rounded-circle mr-1 mr-xl-2' height='30' width='30' loading='lazy' decoding='async'/>                <a href="https://www.infragistics.com/blogs/author/mdragnev">
          Martin Dragnev        </a>
      </span>
      <time itemprop="datePublished" datetime="2026-03-27">Mar 27, 2026</time>
    </div>
    	</div><!-- .entry-header -->
	<div class="card-text">
    <p class="text-limit-3">Grid performance isn’t just about speed here. It's about consistency under heavy data load. When a grid freezes during data operations, it feels slow and unreliable. In real-time decision-making workflows, that unreliability becomes a liability. </p>
	</div><!-- .entry-summary -->
  <div class="mt-auto">
    <a class="card-link" href="https://www.infragistics.com/blogs/engineering-fast-data-grids">Continue Reading</a>
  </div>
</div><!-- #post-3645 -->
</div><div class="mb-4 px-3 col-lg-4 order-12">  
<div class="item-article card p-3 bg-white h-100 d-flex flex-column" id="post-3564">
	<div>
    <a href="https://www.infragistics.com/blogs/ignite-ui-for-web-components-7-0-0" rel="bookmark">
      <img width="774" height="288" src="https://www.infragistics.com/blogs/wp-content/uploads/2021/12/4452.dev-tools-ignite-ui-web-components-blog-header.png-774x742-1.png" class="feature-image wp-post-image" alt="" decoding="async" loading="lazy" srcset="https://www.infragistics.com/blogs/wp-content/uploads/2021/12/4452.dev-tools-ignite-ui-web-components-blog-header.png-774x742-1.png 774w, https://www.infragistics.com/blogs/wp-content/uploads/2021/12/4452.dev-tools-ignite-ui-web-components-blog-header.png-774x742-1-300x112.png 300w, https://www.infragistics.com/blogs/wp-content/uploads/2021/12/4452.dev-tools-ignite-ui-web-components-blog-header.png-774x742-1-768x286.png 768w, https://www.infragistics.com/blogs/wp-content/uploads/2021/12/4452.dev-tools-ignite-ui-web-components-blog-header.png-774x742-1-480x179.png 480w" sizes="auto, (max-width: 774px) 100vw, 774px" />    </a>
    <h3 class="card-title mt-3 mb-2 h4"><a class="text-dark font-weight-bold text-limit-2 text-decoration-none" href="https://www.infragistics.com/blogs/ignite-ui-for-web-components-7-0-0" rel="bookmark">Ignite UI for Web Components 7.0.0: What&#8217;s New?</a></h3>        <div class="mb-2 card--byline" itemscope itemtype="http://schema.org/Article">
      <span itemprop="author" class="mr-1 mr-xl-3">
        <img alt='Radoslav Mirchev' src='https://secure.gravatar.com/avatar/44593f84101e630ba3aedc00a95528641f68bb6225523d5160ba7c99263d4ff0?s=30&#038;d=mm&#038;r=g' srcset='https://secure.gravatar.com/avatar/44593f84101e630ba3aedc00a95528641f68bb6225523d5160ba7c99263d4ff0?s=60&#038;d=mm&#038;r=g 2x' class='avatar avatar-30 photo rounded-circle mr-1 mr-xl-2' height='30' width='30' loading='lazy' decoding='async'/>                <a href="https://www.infragistics.com/blogs/author/rmirchev">
          Radoslav Mirchev        </a>
      </span>
      <time itemprop="datePublished" datetime="2026-03-05">Mar 5, 2026</time>
    </div>
    	</div><!-- .entry-header -->
	<div class="card-text">
    <p class="text-limit-3">From AI Coding Skills, covering component selection, framework integration, theming, and bundle optimization to improved Grid scroll performance, and more.</p>
	</div><!-- .entry-summary -->
  <div class="mt-auto">
    <a class="card-link" href="https://www.infragistics.com/blogs/ignite-ui-for-web-components-7-0-0">Continue Reading</a>
  </div>
</div><!-- #post-3564 -->
</div>
	<nav class="navigation pagination" aria-label="Pagination Navigation Aria Label">
		<h2 class="screen-reader-text">Pagination Navigation Aria Label</h2>
		<div class="nav-links"><span aria-current="page" class="page-numbers current">1</span>
<a class="page-numbers" href="https://www.infragistics.com/blogs/page/2">2</a>
<a class="page-numbers" href="https://www.infragistics.com/blogs/page/3">3</a>
<a class="page-numbers" href="https://www.infragistics.com/blogs/page/4">4</a>
<span class="page-numbers dots">&hellip;</span>
<a class="page-numbers" href="https://www.infragistics.com/blogs/page/30">30</a>
<a class="next page-numbers" href="https://www.infragistics.com/blogs/page/2">Next &raquo;</a></div>
	</nav>
        <aside class="col-lg-4 order-last order-lg-2 sidebar-right mb-4 px-3" role="complementary">
          <section class="block sidebar-card h-100"><ul class="wp-block-categories-list h-100 wp-block-categories"><li class="cat-item cat-item-7"><a href="https://www.infragistics.com/blogs/category/angular">Angular</a>
</li>
<li class="cat-item cat-item-9"><a href="https://www.infragistics.com/blogs/category/react">React</a>
</li>
<li class="cat-item cat-item-10"><a href="https://www.infragistics.com/blogs/category/web-components">Web Components</a>
</li>
<li class="cat-item cat-item-8"><a href="https://www.infragistics.com/blogs/category/blazor">Blazor</a>
</li>
<li class="cat-item cat-item-11"><a href="https://www.infragistics.com/blogs/category/ultimate">Infragistics Ultimate</a>
</li>
<li class="cat-item cat-item-12"><a href="https://www.infragistics.com/blogs/category/product-updates">Product Updates</a>
</li>
<li class="cat-item cat-item-13"><a href="https://www.infragistics.com/blogs/category/ux">UX</a>
</li>
<li class="cat-item cat-item-33"><a href="https://www.appbuilder.dev/blog" target="_blank" rel="noopener noreferrer">App Builder</a>
</li></ul></section>        </aside><!-- #right-sidebar -->
      
      
    </div>
  </div>
</div>
</main>
<footer >

    <!--  Footer: Copyright -->
    <div  class="footer footer-copyright" id="footer">
         <div  class="container">
             <div class="row">
	        <p id="copyright" class="m-0 mx-4 d-inline-block">&copy; Copyright 2026 INFRAGISTICS. All Rights Reserved. App Builder and the App Builder logo are registered trademarks of Infragistics Inc.</p>
             </div>
         </div>    
    </div>

<div class="d-none"<div id="lead-form_1-loader" class="loader__container spinner__container" style="min-height: 200px;"><div  class="spinner spinner--border"></div></div>
  <form id="lead-form_1" class="lead-tracker-form ui-form placeholder-label-field" data-form-theme="dark" style="display: none;">
  <div id="apiError1" class="apiError field-validation-error-msg" style="display: none;">Sorry, it seems that we have run into an issue with the form.  <a href="#" onclick="location.reload();" style="color:red; text-decoration: underline; font-weight: bold;">Please try again</a> in a few minutes. If you still experience issues, please contact us at <a href="mailto:web@infragistics.com" style="color:red; text-decoration: underline; font-weight: bold;">web@infragistics.com</a> to notify us of the issue.</div>
  <div class="form-row">
  
  

      <div id="recaptchaError1" class="recaptchaError field-validation-error-msg" style="display: none;">Unfortunately, Google has considered you a bot. Please feel free to contact <a href="support@appbuilder.dev" style="color:red; text-decoration: underline; font-weight: bold;">support@appbuilder.dev</a> to obtain the asset you were looking for or choose to schedule a demo of our products.</div>
      <div id="formInvalidConditionForm1" class="formInvalidConditionForm field-validation-error-msg" style="display: none;">Please accept the form terms to submit successfully.</div>
      <div id="formInvalidEmail1" class="formInvalidEmail field-validation-error-msg" style="display: none;">This email address doesn't appear valid. Please update and try again.</div>
      <div id="formInvalidFreeEmail1" class="formInvalidFreeEmail field-validation-error-msg" style="display: none;">Please use a business email address.</div>
        
  </div>

  <div class="form-row">
    <div class="col-12">

    <div class="form-row d-none">
      <div class="form-group col">
        <input id="Country_1" name="Country" class="sfInput form-control" aria-labelledby="lblCountry" type="text" value="" tabindex="-1" autocomplete="false">
        <label id="Country_1" for="Country_1">Country</label>
      </div>
    </div>

      <div class="form-row">
        <div class="form-group col">
          <input id="Email_1" name="Email" type="email" class="form-control sfInput required bg-light rounded-xl form-control-sm px-2 text-secondary py-4 px-2 text-secondary" aria-labelledby="lblEmail_1" data-val-length-max="60" data-val-length="Email cannot exceed 60 characters." value="" placeholder="Email">
          
        </div>
      </div><div class="form-row"></div>
      <div class="form-row">
        <div class="form-group col">
          <div class="custom-control custom-checkbox  custom-control-inline">
            <input name="acceptGDPRFormSubmission" id="acceptGDPRFormSubmission_1" type="checkbox" class="accept-gdpr custom-control-input" value="yes" aria-required="true" aria-labelledby="LblacceptGDPRFormSubmission_1">
            <label id="LblacceptGDPRFormSubmission_1" for="acceptGDPRFormSubmission_1" class="custom-control-label text-075 recaptcah-labels lh-normal mb-0">I understand and agree to Infragistics' <a class="text-decoration-none font-weight-bolder" href="/terms-of-use">Terms of Use</a> and <a class="text-decoration-none font-weight-bolder" href="/privacy-policy">Privacy Policy</a>
              <p class="mt-2 label text-075 recaptcah-labels lh-normal mb-0">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" class="text-decoration-none font-weight-bolder" target="_blank" rel="noopener">Privacy Policy</a> and <a href="https://policies.google.com/terms" class="text-decoration-none font-weight-bolder" target="_blank" rel="noopener">Terms of Use</a> apply.</p>
            </label>
          </div>
        </div>
      </div>
    </div>
    <div class="col-12">
      <div class="form-row justify-content-center">
        <div class="col col-lg text-center">
          <button id="submit_1" type="submit" class="nlFormSubmit submit btn btn-primary py-2" disabled="">SIGN ME UP!</button>
        </div>
      </div>
    </div>
  </div>

  </form><div  class="thankyou__container thankyou__lead-form_1" style="display: none;"><div></div></div></div><script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/blogs/*"},{"not":{"href_matches":["/blogs/wp-*.php","/blogs/wp-admin/*","/blogs/wp-content/uploads/*","/blogs/wp-content/*","/blogs/wp-content/plugins/*","/blogs/wp-content/themes/infragistics/*","/blogs/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script id="rocket-browser-checker-js-after">
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
//# sourceURL=rocket-browser-checker-js-after
</script>
<script id="rocket-preload-links-js-extra">
var RocketPreloadLinksConfig = {"excludeUris":"/blogs(/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$))|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://www.infragistics.com/blogs","onHoverDelay":"100","rateThrottle":"3"};
//# sourceURL=rocket-preload-links-js-extra
</script>
<script id="rocket-preload-links-js-after">
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());

//# sourceURL=rocket-preload-links-js-after
</script>
<script data-minify="1" src="https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/js/polyfills.js?ver=1772786343" id="script-polyfills-js" data-rocket-defer defer></script>
<script data-minify="1" src="https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/js/menu.js?ver=1772786343" id="script-menu-js" data-rocket-defer defer></script>
<script data-minify="1" src="https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/js/plugins.js?ver=1772786343" id="script-plugins-js" data-rocket-defer defer></script>
<script data-minify="1" src="https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/js/script.js?ver=1772786343" id="script-main-js" data-rocket-defer defer></script>
<script data-minify="1" src="https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/js/downloadUtility.js?ver=1772786343" id="script-sf-download-utility-js" data-rocket-defer defer></script>
<script data-minify="1" src="https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/js/headlines.js?ver=1772786343" id="script-headlines-js" data-rocket-defer defer></script>
<script data-minify="1" src="https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/js/navReplaceScript.js?ver=1772786343" id="script-inject-header-footer-js" data-rocket-defer defer></script>
<script src="https://www.infragistics.com/blogs/wp-content/plugins/enlighter/cache/enlighterjs.min.js?ver=r+xI0/otfxpQfea" id="enlighterjs-js" data-rocket-defer defer></script>
<script id="enlighterjs-js-after">
!function(e,n){if("undefined"!=typeof EnlighterJS){var o={"selectors":{"block":"pre.EnlighterJSRAW","inline":"code.EnlighterJSRAW"},"options":{"indent":4,"ampersandCleanup":true,"linehover":true,"rawcodeDbclick":false,"textOverflow":"break","linenumbers":true,"theme":"enlighter","language":"generic","retainCssClasses":false,"collapse":false,"toolbarOuter":"","toolbarTop":"{BTN_RAW}{BTN_COPY}{BTN_WINDOW}{BTN_WEBSITE}","toolbarBottom":""}};(e.EnlighterJSINIT=function(){EnlighterJS.init(o.selectors.block,o.selectors.inline,o.options)})()}else{(n&&(n.error||n.log)||function(){})("Error: EnlighterJS resources not loaded yet!")}}(window,console);
//# sourceURL=enlighterjs-js-after
</script>
<script data-minify="1" src="https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/js/sf.common.js?ver=1772786343" id="script-sf-validation-js" data-rocket-defer defer></script>
<script src="https://www.google.com/recaptcha/api.js?render=6Lc-MFAaAAAAAIWi7UOrSUfUZnVmDUSsXjzS4BgY&amp;ver=1" id="script-recaptcha-js"></script>
<script data-minify="1" src="https://www.infragistics.com/blogs/wp-content/cache/min/1/blogs/wp-content/themes/infragistics/js/leadTracker.js?ver=1772786343" id="script-sf-lead-tracker-js" data-rocket-defer defer></script>
<script id="script-sf-lead-tracker-js-after">
window.addEventListener("load", function() {
    var settings = {
        macro: "LeadTracker",
        lang: "en",
        leadFormID: "lead-form_1",
        reaptchaKey: "6Lc-MFAaAAAAAIWi7UOrSUfUZnVmDUSsXjzS4BgY",
        redirectUrl: "",
        thankYouMessage: "",
        formContainerId: "",
        productCode: "91",
        leadProductCode: "",
        packageName: "",
        productResourceType: "",
        osSupport: "",
        installerType: "",
        eventTypeParam: "news letter signup",
        eventDetailParam: "form submitted",
        prohibitFreeMail: false,
        showRequestDemo: false,
        googleEventType: "Form Submit",
        googleEventLabel: "Slingshot - Newsletter",
        googleEventTypeDownload: "",
        googleEventLabelDownload: "",
        zoomWebinarId: ""
    };
    leadTracker.execute(settings);
  });
//# sourceURL=script-sf-lead-tracker-js-after
</script>
<script>window.lazyLoadOptions={elements_selector:"iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://www.infragistics.com/blogs/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script><script>function lazyLoadThumb(e,alt,l){var t='<img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360">',a='<button class="play" aria-label="Play Youtube video"></button>';if(l){t=t.replace('data-lazy-','');t=t.replace('loading="lazy"','');t=t.replace(/<noscript>.*?<\/noscript>/g,'');}t=t.replace('alt=""','alt="'+alt+'"');return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.parentNode.dataset.query.length?"":"&"+this.parentNode.dataset.query;e.setAttribute("src",t.replace("ID",this.parentNode.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.parentNode.replaceChild(e,this.parentNode)}document.addEventListener("DOMContentLoaded",function(){var exclusions=[];var e,t,p,u,l,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)(e=document.createElement("div")),(u='https://i.ytimg.com/vi/ID/hqdefault.jpg'),(u=u.replace('ID',a[t].dataset.id)),(l=exclusions.some(exclusion=>u.includes(exclusion))),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query",a[t].dataset.query),e.setAttribute("data-src",a[t].dataset.src),(e.innerHTML=lazyLoadThumb(a[t].dataset.id,a[t].dataset.alt,l)),a[t].appendChild(e),(p=e.querySelector(".play")),(p.onclick=lazyLoadYoutubeIframe)});</script>
</footer>
</body>
</html>
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1781008731 -->