CINXE.COM
Infragistics UI Controls and Tools For Developers and UX Pros
<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> <!--[if IE 9]> <html class="no-js lt-ie10" lang="en"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]--> <head> <!--[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="shortcut icon" type="image/x-icon" href="/assets/favicon/favicon.ico" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="application-name" content="Infragistics" /> <meta name="apple-mobile-web-app-title" content="Infragistics" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="theme-color" content="#0099ff" /> <meta name="msapplication-navbutton-color" content="#0099ff" /> <meta name="msapplication-TileColor" content="#0099ff" /> <meta name="msapplication-square70x70logo" content="/assets/favicon/mstile-70x70.png" /> <meta name="msapplication-square150x150logo" content="/assets/favicon/mstile-150x150.png" /> <meta name="msapplication-square310x310logo" content="/assets/favicon/mstile-310x310.png" /> <meta name="msapplication-wide310x150logo" content="/assets/favicon/mstile-310x150.png" /> <meta name="msapplication-config" content="none" /> <meta name="msapplication-starturl" content="/" /> <link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png" /> <link rel="apple-touch-icon" sizes="76x76" href="/assets/favicon/apple-touch-icon-76x76.png" /> <link rel="apple-touch-icon" sizes="120x120" href="/assets/favicon/apple-touch-icon-120x120.png" /> <link rel="apple-touch-icon" sizes="152x152" href="/assets/favicon/apple-touch-icon-152x152.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon-180x180.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="192x192" href="/assets/favicon/icon-192x192.png" /> <link rel="icon" type="image/png" sizes="512x512" href="/assets/favicon/icon-512x512.png" /> <link rel="mask-icon" href="/assets/favicon/safari-pinned-tab.svg" color="#0099ff" /> <link rel="manifest" href="/assets/favicon/manifest.en.json" /> <link rel="preconnect dns-prefetch" href="https://static.infragistics.com" crossorigin /> <link rel="preconnect dns-prefetch" href="https://www.googletagmanager.com" crossorigin /> <link rel="preconnect dns-prefetch" href="https://www.google-analytics.com" crossorigin /> <link rel="preconnect dns-prefetch" href="https://storage.googleapis.com" crossorigin /> <link rel="preconnect dns-prefetch" href="https://www.snapengage.com" crossorigin /> <link rel="preconnect dns-prefetch" href="https://cl.qualaroo.com" crossorigin /> <link rel="preconnect dns-prefetch" href="https://s3.amazonaws.com" crossorigin /> <link rel="preconnect dns-prefetch" href="https://use.typekit.net" crossorigin> <script src="https://use.typekit.net/wxj2jjp.js"></script> <script>try { Typekit.load({ async: true }); } catch (e) { }</script> <link href="/DependencyHandler.axd?s=L2Fzc2V0cy9tb2Rlcm4vY3NzL3N0eWxlLmNzczsvYXNzZXRzL21vZGVybi9jc3Mvc2V0dGluZ3MuY3NzOy9hc3NldHMvbW9kZXJuL2Nzcy9sYXlvdXQuY3NzOy9hc3NldHMvbW9kZXJuL2Nzcy9zaG9ydGNvZGVzLmNzczsvYXNzZXRzL21vZGVybi9jc3MvYWRtaW4tYWpheC5jc3M7L2Fzc2V0cy9tb2Rlcm4vY3NzL2ZvbnRlbGxvLmNzczsvYXNzZXRzL21vZGVybi9jc3MvbWFnbmlmaWMtcG9wdXAuY3NzOy9hc3NldHMvbW9kZXJuL2Nzcy9mbGV4c2xpZGVyLmNzczsvYXNzZXRzL21vZGVybi9jc3Mvc3dpcGVyLWJ1bmRsZS5taW4uY3NzOy9hc3NldHMvbW9kZXJuL2Nzcy9hbmltYXRlLWN1c3RvbS5jc3M7L2Fzc2V0cy9tb2Rlcm4vY3NzL2JlLXNsaWRlci5jc3M7L2Fzc2V0cy9tb2Rlcm4vY3NzL2Nob3Nlbi5jc3M7L2Fzc2V0cy9tb2Rlcm4vY3NzL2lnbml0ZXVpLWN1c3RvbS5jc3M7L2Nzcy9iYXNlLmNzczsvY3NzL25hdmlnYXRpb24uY3NzOy9jc3MvZm9vdGVyLmNzczsvY3NzL2NvbXBvbmVudHMuY3NzOy9jc3MvY29tcG9uZW50c19wcmljaW5nLWJsb2Nrcy5jc3M7L2Nzcy9jb21wb25lbnRzX2V2ZW50cy5jc3M7L2Nzcy9jb21wYXJpc29uLWdyaWQuY3NzOy9jc3MvY29uc3VsdGluZy5jc3M7L2Nzcy9zbGluZ3Nob3QuY3NzOy9jc3MvaW5kaWdvX3VpX2tpdHMuY3NzOw&t=Css&cdv=20250228" type="text/css" rel="stylesheet"/> <script src="/DependencyHandler.axd?s=L2Fzc2V0cy9tb2Rlcm4vc2NyaXB0cy9qcXVlcnkubWluLmpzOy9hc3NldHMvbW9kZXJuL3NjcmlwdHMvanF1ZXJ5LW1pZ3JhdGUtMS40LjEubWluLmpzOy9hc3NldHMvbW9kZXJuL3NjcmlwdHMvanF1ZXJ5LnRoZW1lcHVuY2gucGx1Z2lucy5taW4uanM7L2Fzc2V0cy9tb2Rlcm4vc2NyaXB0cy9qcXVlcnkudGhlbWVwdW5jaC5yZXZvbHV0aW9uLm1pbi5qczsvYXNzZXRzL21vZGVybi9zY3JpcHRzL21vZGVybml6ci0yLjYuMi5taW4uanM7L2Fzc2V0cy9tb2Rlcm4vc2NyaXB0cy9wbHVnaW5zLmpzOy9hc3NldHMvbW9kZXJuL3NjcmlwdHMvcGx1Z2lucy5uYXYuanM7L2Fzc2V0cy9tb2Rlcm4vc2NyaXB0cy9iZS1zbGlkZXIuanM7L2Fzc2V0cy9tb2Rlcm4vc2NyaXB0cy9qcXVlcnktdWkubWluLmpzOy9hc3NldHMvbW9kZXJuL3NjcmlwdHMvc2NyaXB0LmpzOy9hc3NldHMvbW9kZXJuL3NjcmlwdHMvQ3VzdG9tU2NyaXB0LmpzOy9hc3NldHMvbW9kZXJuL3NjcmlwdHMvbmF2aWdhdGlvbi5qczsvYXNzZXRzL3NjcmlwdHMvZG93bmxvYWRVdGlsaXR5LmpzOw&t=Javascript&cdv=20250228" async="async" type="text/javascript"></script> <title>Infragistics UI Controls and Tools For Developers and UX Pros</title> <meta name="description" content="Infragistics is your source for UI controls & components for JavaScript/HTML5, Xamarin, ASP.NET, Windows Forms, and WPF."/> <meta name="keywords" content=".net, NetAdvantage, asp.net, automated ui testing, data visualization, remote usability testing, sharepoint, ui components, ui controls, user interface, visual studio, windows forms, winforms, wpf, xamarin, JavaScript/HTML5, React, Angular, ASP.NET MVC, business analytics, data visualization, remote file access, business dashboard"/> <link rel="canonical" href="https://www.infragistics.com" /> </head> <body class="sticky-header" data-auth="False"> <script type="text/javascript">window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('consent', 'default', { 'functionality_storage': 'denied', 'analytics_storage': 'denied', 'ad_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'security_storage': 'denied', 'personalization_storage': 'denied', 'wait_for_update': 500, }); if (localStorage.getItem('userId') != null) { window.dataLayer.push({ 'user_id': localStorage.getItem('userId') }); }</script> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-T65CF7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script type="text/javascript">(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 = '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-T65CF7');</script> <div id="main"> <!-- Hello Bar --> <header id="header" class="globalnav" data-nav-auto-init="true" data-mega-menu="true"> <div id="header-wrap" class="globalnav__container" data-default-height="175" data-sticky-height="175"><!-- CSE Container --> <div class="globalnav__search"> <div class="globalnav__search-container globalnav__wrapper"> <div class="search search__container search--support" data-cse-resultsurl="/search"> <!-- <input id="q" class="search__input" type="text" name="q" value="" placeholder="Search Infragistics.com" /> --> <input id="q" class="search__input" type="text" name="q" value="" placeholder="Search Infragistics.com" aria-labelledby="search__button-navigation" /> <button id="search__button-navigation" type="submit" value="search" aria-label="Search Infragistics.com"> <svg enable-background="new 0 0 512 512" id="search" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M497.913,497.913c-18.782,18.782-49.225,18.782-68.008,0l-84.862-84.863c-34.889,22.382-76.13,35.717-120.659,35.717 C100.469,448.767,0,348.312,0,224.383S100.469,0,224.384,0c123.931,0,224.384,100.452,224.384,224.383 c0,44.514-13.352,85.771-35.718,120.676l84.863,84.863C516.695,448.704,516.695,479.131,497.913,497.913z M224.384,64.109 c-88.511,0-160.274,71.747-160.274,160.273c0,88.526,71.764,160.274,160.274,160.274c88.525,0,160.273-71.748,160.273-160.274 C384.657,135.856,312.909,64.109,224.384,64.109z"></path></svg> </button> </div> </div> </div> <!-- Primary Nav --> <div class="globalnav__primary clearfix"> <div class="globalnav__wrapper"><!-- My Account --> <div class="globalnav__section clearfix"><nav class="globalnav__menu-container"> <ul class="navigation navigation--xs navigation--hpad-0"> <li class="navigation__text deemphasize" style="width: auto;">North American Sales: 1-800-231-8588</li> <li><a title="Contact Us" data-id="9668" href="/about-us/contact-us">Global Contacts</a></li> <li class="navigation__account"> <a class="signInLink" href="https://www.infragistics.com/my-account/keys-and-downloads">My Account</a> </li> </ul> </nav></div> <!-- <br /><br /><br /> --> <!-- Brand --> <div class="globalnav__brand"><a aria-label="Infragistics.com" href="/"><!--<span class="hidden--visual">Infragistics</span>--><img class="globalnav__logo" src="https://static.infragistics.com/marketing/Website/General/Infragistics-horizontal.svg" alt="Infragistics logo"> <img class="globalnav__logo_abbr" src="https://static.infragistics.com/marketing/Website/General/IG-icon.svg" alt="Infragistics logo"> </a></div> <!-- Mobile Menu Toggle --> <div class="globalnav__mobile-menu"><a class="globalnav__menu-toggle" href="#"> <span>Menu</span> </a></div> <!-- Global Search Toggle --> <div class="globalnav__search-toggle"> <div class="globalnav__search-close"><i> </i></div> </div> <!-- Menu --><nav class="globalnav__menu-container"> <ul class="navigation navigation--navbar navigation--hpad-0 sf-menu"> <li class="navigation__mobile-link"> <div class="globalnav__callout-text">North American Sales: 1-800-231-8588</div> </li> <li class="navigation__mobile-link"><a class="navigation__sub-menu" href="#">My Account</a> <ul class="sub-menu clearfix"><li><a class="signInLink" href="https://www.infragistics.com/my-account/keys-and-downloads">Sign In/Register</a></li></ul> </li> <li class="menu-full-width"><a class="navigation__sub-menu" title="Design and Development" href="/products/ultimate"><span class="hidden-md">Design & Development</span><span class="visible-md hidden-lg hidden-sm hidden-xs hidden-xxs">Design & Develop</span></a> <ul> <li> <div class="navigation__sub-menu--left"> <div class="navigation__sub-menu--left-item"> <div class="navigation__sub-menu-header">Best Value Bundles</div> <div class="emphasize"><a href="/products/ultimate"><span class="navigation__sub-menu-title">Infragistics Ultimate</span> <span class="navigation__sub-menu-price bgColor--ultimate">$2,355</span> <span class="deemphasize">The only complete UX/UI toolkit for building high performance, modern web, mobile and desktop applications.</span> </a></div> </div> <div class="navigation__sub-menu--left-item"> <div class="emphasize"><a href="/products/pro"><span class="navigation__sub-menu-title">Infragistics Professional</span> <span class="navigation__sub-menu-price bgColor--pro">$1,575</span> <span class="deemphasize">The comprehensive UI components library for web, mobile and desktop developers.</span> </a></div> </div> <div class="navigation__sub-menu--left-item hidden-sm hidden-xs hidden-xxs"> <div class="emphasize"><a href="/products/ignite-ui"><span class="navigation__sub-menu-title">Ignite UI</span> <span class="navigation__sub-menu-price bgColor--ignite">$1,355</span> <span class="deemphasize">A complete library of UI components for building modern, data-rich and responsive web apps.</span> </a></div> </div> </div> </li> <li> <div class="navigation__sub-menu-header">Web</div> <a class="deemphasize" title="App Builder" href="https://www.appbuilder.dev/platform" target="_blank">App Builder <strong>(New)</strong></a> <a class="deemphasize" href="/products/ignite-ui">Ignite UI</a> <p class="deemphasize small-pad-left mar-bottom--zero"><a style="display: inline-block;" href="/products/ignite-ui-angular">Angular</a><span style="display: inline-block; margin-right: 1em; margin-left: 1em;"> | </span><a title="Samples" style="display: inline-block;" data-id="34223" href="/products/ignite-ui-angular/grid-samples">Grid Samples</a></p> <a class="deemphasize small-pad-left" href="/products/ignite-ui-blazor">Blazor</a> <a class="deemphasize small-pad-left" href="/products/ignite-ui-react">React</a> <a class="deemphasize small-pad-left" href="/products/ignite-ui-web-components">Web Components</a> <a class="deemphasize" href="/products/ignite-ui-aspnet-core">Ultimate UI for ASP.NET Core</a> <a class="deemphasize" href="/products/ignite-ui-aspnet-mvc">Ultimate UI for ASP.NET MVC</a> <a class="deemphasize" href="/products/ignite-ui-jquery">Ultimate UI for jQuery</a> <a class="deemphasize" href="/products/aspnet">Ultimate UI for ASP.NET Web Forms</a><!-- <a class="deemphasize hidden-sm hidden-xs hidden-xxs" href="/products/indigo-design">Indigo.Design</a>--></li> <li> <div class="navigation__sub-menu-header">Desktop</div> <a href="/products/windows-forms">Ultimate UI for Windows Forms</a> <a href="/products/wpf">Ultimate UI for WPF</a> <div class="navigation__sub-menu-header">Cross Platform</div> <a class="hidden" href="/products/uno-platform">Ultimate UI for Uno</a> <a class="hidden" href="/products/uwp">Ultimate UI for UWP</a> <a class="hidden" href="/products/winui">Ultimate UI for WinUI</a> <a href="/products/xamarin">Ultimate UI for Xamarin</a></li> <li> <div class="navigation__sub-menu-header">Design to Code</div> <a class="hidden-sm hidden-xs hidden-xxs" href="/products/indigo-design">Indigo.Design</a> <a class="hidden-sm hidden-xs hidden-xxs" href="https://www.appbuilder.dev/platform" target="_blank">App Builder <strong>(New)</strong></a> <a class="hidden-sm hidden-xs hidden-xxs" href="/products/appbuilder/ui-toolkit">Design System & UI Kits</a> <div class="navigation__sub-menu-header">Automated Testing Tools</div> <a href="/products/test-automation-micro-focus-uft">Test automation for Micro Focus UFT: Windows Forms</a> <a href="/products/test-automation-micro-focus-uft">Test automation for Micro Focus UFT: WPF</a> <a href="/products/test-automation-ibm-rft">Test automation for IBM RFT: Windows Forms</a></li> </ul> </li> <li><a class="navigation__sub-menu" title="UX" href="/products/indigo-design">UX</a> <ul> <li><a title="App Builder" href="https://www.appbuilder.dev/platform" target="_blank">App Builder <span class="deemphasize">Cloud-based WYSIWYG Drag & Drop Tool, Endless Theming options and Standards-Based Code Output</span></a></li> <li><a title="Indigo.Design" href="/products/indigo-design">Indigo.Design <span class="deemphasize">A Unified Platform for Visual Design, UX Prototyping, Code Generation, and App Development</span></a></li> </ul> </li> <li><a class="navigation__sub-menu" title="Business Intelligence" href="https://www.revealbi.io">Business Intelligence</a> <ul> <li><a title="Reveal" href="https://www.revealbi.io/embedded-analytics">Reveal <span class="deemphasize">Easily embed beautiful data visualizations into your apps</span></a></li> <li><a title="Slingshot" href="https://www.slingshotapp.io">Slingshot <span class="deemphasize">Empower everyone in your organization to use data to make smarter business decisions</span></a></li> </ul> </li> <li><a class="navigation__sub-menu" title="Team Productivity" href="https://www.slingshotapp.io">Team Productivity</a> <ul> <li><a title="Slingshot" href="https://www.slingshotapp.io">Slingshot <span class="deemphasize">Connect everyone you work with to data, project management, content and chats for better results.</span></a></li> <li><a title="SharePlus" href="/products/shareplus-enterprise">SharePlus <span class="deemphasize">Secure, instant access to content and data on the go – with or without connectivity.</span></a></li> </ul> </li> <li><a class="navigation__sub-menu" title="Learn and Support" href="/support"><span class="hidden-md">Learn & Support</span><span class="visible-md hidden-lg hidden-sm hidden-xs hidden-xxs">Support</span></a> <ul> <li><a title="Help and Support Documents" href="/support">Help & Support Documents</a></li> <li><a title="Blogs" href="/blogs">Blogs</a></li> <li><a title="Forums" href="/community/forums">Forums</a></li> <li><a title="Product Ideas" href="/community/ideas">Product Ideas</a></li> <li><a title="Reference Applications" href="/resources/sample-applications">Reference Applications</a></li> <li><a title="Customer Stories" href="/resources/case-studies">Customer Stories</a></li> <li><a title="Webinars" href="/webinars">Webinars</a></li> <li><a title="eBooks and Whitepapers" href="/resources/whitepapers">eBook & Whitepapers</a></li> <li><a title="Events" href="/events">Events</a></li> </ul> </li> <li><a title="Free Trials" href="/free-downloads">Free Trials</a></li> <li><a class="navigation__sub-menu" title="Pricing" href="/how-to-buy/product-pricing">Pricing</a> <ul> <li><a title="Pricing" href="/how-to-buy/product-pricing">Product Pricing / Buy Online</a></li> <li><a title="Contact Us" href="/about-us/contact-us">Contact Us</a></li> </ul> </li> </ul> </nav> <div class="globalnav__overlay"></div> </div> </div> <!-- SECONDARY NAV --> </div> </header> <div id="gdpr" class="gdpr-block p-fixed pad--lg bg--dark bgColor--cello shadow border--rounded"> <div id="consent-summary" class="gdpr-block-summary"> <div class="text--h5 mar-bottom--xs"><a href="/legal/privacy" target="_blank"> <span class="color--white">Your Privacy Matters</span> </a></div> <div class="mar-bottom--sm font-size--sm color--white">We use our own and third-party cookies to improve your experience on our website. They also allow us to analyze user behavior in order to constantly improve the website for you. Please review our <a href="/legal/cookie-policy" target="_blank">Cookie Policy</a> and cookie settings below.</div> <div><a id="gdpr_settings" href="#"> <span class="color--white" style="font-size: 15px;">Manage settings</span> </a> <a id="gdpr_accept_all_ok" class="ui-btn ui-btn--default ui-btn--xs" style="width: 90px; margin-left: 1rem;" href="#">OK</a></div> </div> <div id="consent-options" class="gdpr-block-options features-block features-block--list features-block--align-center" style="display: none;"> <div> <div class="text--h5 mar-bottom--xs"><a href="/legal/privacy" target="_blank"> <span class="color--white">Privacy Preferences</span> </a></div> <div class="mar-bottom--lg color--white font-size--sm">When you visit any website, it may store or retrieve information on your browser, mostly in the form ot cookies. This information might be about you, your preferences, or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but can give you a more personalized web experience. Because we respect your right to privacy. you can choose not to allow some types of cookies. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.</div> <a id="gdpr_accept_all" class="ui-btn ui-btn--default ui-btn--xs" style="width: 123px;" href="#">Accept All</a> <div class="mar-bottom--sm"> <div class="consent-option"> <label id="LblacceptNecessaryCookies" for="acceptNecessaryCookies" class="ui-form__checkbox-container ui-form__label" style="height: 24px;line-height: 25px;padding-left: 23px;"> <span id="LblacceptNecessaryCookies" class="label__text"> NECESSARY </span> <input name="acceptNecessaryCookies" id="acceptNecessaryCookies" type="checkbox" value="yes" aria-required="true" aria-labelledby="LblacceptNecessaryCookies" class="" data-gtm-form-interact-field-id="0" disabled checked> <div class="ui-form__checkbox" style="top: 5px; border-radius: 5px;"> </div> </label> <span class="ig-tooltip" style="margin: 0 5px 0 0;"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" style="fill: #FFF; width:10px;height:10px;"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2.033 16.01c.564-1.789 1.632-3.932 1.821-4.474.273-.787-.211-1.136-1.74.209l-.34-.64c1.744-1.897 5.335-2.326 4.113.613-.763 1.835-1.309 3.074-1.621 4.03-.455 1.393.694.828 1.819-.211.153.25.203.331.356.619-2.498 2.378-5.271 2.588-4.408-.146zm4.742-8.169c-.532.453-1.32.443-1.761-.022-.441-.465-.367-1.208.164-1.661.532-.453 1.32-.442 1.761.022.439.466.367 1.209-.164 1.661z"></path></svg> <span class="line-height--normal ig-tooltiptext ig-tooltip-top">Essential cookies for login data and good site performance.</span> </span> </div> <div class="consent-option"> <label id="LblacceptFunctionalCookies" for="acceptFunctionalCookies" class="ui-form__checkbox-container ui-form__label" style="height: 24px;line-height: 25px;padding-left: 23px;margin-left: 1rem;"> <span id="LblacceptFunctionalCookies" class="label__text"> FUNCTIONAL </span> <input name="acceptFunctionalCookies" id="acceptFunctionalCookies" type="checkbox" value="yes" aria-required="true" aria-labelledby="LblacceptFunctionalCookies" class="" data-gtm-form-interact-field-id="0" checked> <div class="ui-form__checkbox" style="top: 5px; border-radius: 5px;"> </div> </label> <span class="ig-tooltip" style="margin: 0 5px 0 0;"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" style="fill: #FFF; width:10px;height:10px;"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2.033 16.01c.564-1.789 1.632-3.932 1.821-4.474.273-.787-.211-1.136-1.74.209l-.34-.64c1.744-1.897 5.335-2.326 4.113.613-.763 1.835-1.309 3.074-1.621 4.03-.455 1.393.694.828 1.819-.211.153.25.203.331.356.619-2.498 2.378-5.271 2.588-4.408-.146zm4.742-8.169c-.532.453-1.32.443-1.761-.022-.441-.465-.367-1.208.164-1.661.532-.453 1.32-.442 1.761.022.439.466.367 1.209-.164 1.661z"></path></svg> <span class="line-height--normal ig-tooltiptext ig-tooltip-top">Cookies that support website functionality and features.</span> </span> </div> <div class="consent-option"> <label id="LblacceptAnalyticsCookies" for="acceptAnalyticsCookies" class="ui-form__checkbox-container ui-form__label" style="height: 24px;line-height: 25px;padding-left: 23px;margin-left: 1rem;"> <span id="LblacceptAnalyticsCookies" class="label__text"> ANALYTICS </span> <input name="acceptAnalyticsCookies" id="acceptAnalyticsCookies" type="checkbox" value="yes" aria-required="true" aria-labelledby="LblacceptAnalyticsCookies" class="" data-gtm-form-interact-field-id="0" checked> <div class="ui-form__checkbox" style="top: 5px; border-radius: 5px;"> </div> </label> <span class="ig-tooltip" style="margin: 0 5px 0 0;"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" style="fill: #FFF; width:10px;height:10px;"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2.033 16.01c.564-1.789 1.632-3.932 1.821-4.474.273-.787-.211-1.136-1.74.209l-.34-.64c1.744-1.897 5.335-2.326 4.113.613-.763 1.835-1.309 3.074-1.621 4.03-.455 1.393.694.828 1.819-.211.153.25.203.331.356.619-2.498 2.378-5.271 2.588-4.408-.146zm4.742-8.169c-.532.453-1.32.443-1.761-.022-.441-.465-.367-1.208.164-1.661.532-.453 1.32-.442 1.761.022.439.466.367 1.209-.164 1.661z"></path></svg> <span class="line-height--normal ig-tooltiptext ig-tooltip-top">Cookies, provided by our third-party advertising partners, collect information about your browsing habits.</span> </span> </div> <div class="consent-option"> <label id="LblacceptAdvertisingCookies" for="acceptAdvertisingCookies" class="ui-form__checkbox-container ui-form__label" style="height: 24px;line-height: 25px;padding-left: 23px;margin-left: 1rem;"> <span id="LblacceptAdvertisingCookies" class="label__text"> ADVERTISING </span> <input name="acceptAdvertisingCookies" id="acceptAdvertisingCookies" type="checkbox" value="yes" aria-required="true" aria-labelledby="LblacceptAdvertisingCookies" class="" data-gtm-form-interact-field-id="0" checked> <div class="ui-form__checkbox" style="top: 5px; border-radius: 5px;"></div></label> <span class="ig-tooltip" style="margin: 0 5px 0 0;"> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" style="fill: #FFF; width:10px;height:10px;"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2.033 16.01c.564-1.789 1.632-3.932 1.821-4.474.273-.787-.211-1.136-1.74.209l-.34-.64c1.744-1.897 5.335-2.326 4.113.613-.763 1.835-1.309 3.074-1.621 4.03-.455 1.393.694.828 1.819-.211.153.25.203.331.356.619-2.498 2.378-5.271 2.588-4.408-.146zm4.742-8.169c-.532.453-1.32.443-1.761-.022-.441-.465-.367-1.208.164-1.661.532-.453 1.32-.442 1.761.022.439.466.367 1.209-.164 1.661z"></path></svg> <span class="line-height--normal ig-tooltiptext ig-tooltip-top">Cookies used to make advertising messages more relevant to you and your interests.</span> </span> </div> </div> </div> <div class="" style="margin: 0;"><a id="gdpr_reject_all" class="ui-btn ui-btn--default ui-btn--xs gdpr-btn zero-margin-right-lg zero-margin-right-md" style="width: 123px;" href="#">Decline All</a> <a id="gdpr_accept_selection" class="ui-btn ui-btn--default ui-btn--xs gdpr-btn zero-margin-right-lg zero-margin-right-md" style="width: 155px; margin-left: 1.5em; text-wrap: nowrap;" href="#">Confirm My Choices</a></div> <!-- <div class="features-block__item--fourth text--align-center" style="margin: 0;"><a id="gdpr_accept" href="#" class="ui-btn ui-btn--default ui-btn--xs gdpr-btn">Close</a></div> --></div> </div> <style> .ig-tooltip { position: relative; display: inline-block; cursor: pointer; } .ig-tooltip .ig-tooltiptext { visibility: hidden; position: absolute; width: 160px; background-color: #FFF; color: #0099ff; border-color: #0099ff; font-size: 0.675rem; text-align: center; padding: 5px; border-radius: 6px; z-index: 1; opacity: 0; transition: opacity .6s; } .ig-tooltip-top { bottom: 125%; left: 50%; margin-left: -80px; } .ig-tooltip:hover .ig-tooltiptext { visibility: visible; opacity: 1; } .ig-tooltip-top::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #FFF transparent transparent transparent; } .gdpr-block {display: none;top: auto;width: auto;box-sizing: border-box;z-index: 2147483640;bottom: 30px;left: 8vw; overflow: visible;} .gdpr-block-summary {max-width: 300px;} .gdpr-block .features-block {margin: 0 auto; box-sizing: border-box;padding:0;width: auto; max-width: 560px;} .gdpr-block .consent-option {display: inline-block;} .gdpr-block .label__text {color:#FFF !important;} .gdpr-block .ui-form__checkbox-container .ui-form__checkbox {background: transparent; border: 2px solid #FFF;} .ui-form__checkbox-container:hover .ui-form__checkbox {border-color: #e6e6e6;} .gdpr-block .ui-form__checkbox-container input:checked ~ .ui-form__checkbox {background: #1F5D79;border-color: #1F5D79;} .gdpr-block .ui-form__checkbox-container input:checked ~ .ui-form__checkbox::after {border: solid #000;border-width: 0 2px 2px 0;left: 3px;top: -1px;width: 5px;height: 10px;} .ui-form__checkbox-container:hover .ui-form__checkbox::after {border-color: #101010 !important;} @media only screen and (max-width: 960px) { .gdpr-block {top: auto;bottom: 30px;left: 15px;width: calc(100% - 30px);max-width: 380px;} .gdpr-block .consent-option:nth-child(3) label {margin-left: 0 !important;} .gdpr-block .features-block > div {box-sizing:border-box;width:100%;max-width:100%;padding:15px 0 0 0;text-align:left;} } @media only screen and (max-width: 375px) { #gdpr_accept_selection {margin: 15px 0 0 0 !important;} } </style> <div class="header-hero-section"></div> <main id="content" role="main"> <article> <section class="hidden be-section features-hero features-hero--vpad-md bg--dark bgColor--san-marino text--align-center zero-padding-bottom overflow--hidden position--relative"> <div class="be-row be-wrap"> <h1 class="main-heading" style="margin-bottom: 50px;">Create <strong>simplicity</strong> and <strong>beauty</strong> in the world one <span class="txt-rotate" data-period="2000" data-rotate="[ "app", "design", "data visualization", "project", "prototype" ]">app</span> at a time.</h1> <img class="vpad--sm opacity--45" style="width: 50px;" src="https://static.infragistics.com/marketing/Website/home/infragistics-app-design-data-visualization-project-prototype-arrow-down.svg" alt=""></div> <div class="border--semi-circle"></div> </section> <!-- SECTION: Temporal Section 35 years --> <section class="bg--dark text--align-center padding-top-bottom-50 mar-bottom--lg" style="background-color: #0a2045;"> <div class="be-row be-wrap"><img class="mar-bottom--sm" title="Infragistics 35 years logo" src="https://static.infragistics.com/marketing/infragistics-35-years.svg" alt="Infragistics 35 years logo" height="150"> <h1 class="main-heading text--h3 font-weight--normal">Create <strong>simplicity</strong> and <strong>beauty</strong> in the world one <span class="txt-rotate" data-period="2000" data-rotate="[ "app", "design", "data visualization", "project", "prototype" ]">app</span> at a time.</h1> </div> </section> <!-- SECTION: Right Tools --> <section class="be-section"> <div class="be-row be-wrap clearfix"><header class="h-group h-group--fcspace text--align-center"> <h2>With the Right Tools, You Can Create Amazing Experiences.</h2> <p>Our passion for craftsmanship comes from the desire to deliver simple and beautiful experiences that drive productivity across your digital product teams, and that enable data-driven, high-performing teams across your entire organization. Built with care and attention to every small detail, from our learned expertise over the last three decades.</p> </header> <div class="ui-card--flex ui-card--flex-third"> <div class="ui-card ui-card--ctaLink" data-card-padding="false"> <h3 class="text--h4 p-absolute text--align-center width--full vpad--xs emphasize color--white zero-margin-bottom">Design & Development</h3> <div class="ui-card__feature-image"><a title="Design and Development" aria-label="Learn more about Infragistics Ultimate" data-id="24086" href="/products/ultimate"><img class="lazy-load--onReady b-lazy" title="Dashboard featuring Ignite UI development toolkit" src="https://static.infragistics.com/marketing/Website/home/ui-development-infragistics-ultimate-ui-ux-768-lazy-load.jpg" alt="Dashboard featuring Ignite UI development toolkit using data grid and list components." sizes="(max-width: 100em) 100vw, 1400px" data-src="https://static.infragistics.com/marketing/Website/home/ui-development-infragistics-ultimate-ui-ux-480.jpg?v=202106041030" data-srcset="https://static.infragistics.com/marketing/Website/home/ui-development-infragistics-ultimate-ui-ux-480.jpg?v=202106041030 480w, https://static.infragistics.com/marketing/Website/home/ui-development-infragistics-ultimate-ui-ux-768.jpg?v=202106041030 768w, https://static.infragistics.com/marketing/Website/home/ui-development-infragistics-ultimate-ui-ux-1400.jpg?v=202106041030 1400w" /></a></div> <div class="ui-card__content-container ui-card--lc-mb-0"> <p>Deliver apps in half the time with Infragistics Ultimate! With hundreds of UI controls & components, the fastest data grids and data charts for every popular web & desktop platform, plus a complete design-to-code platform including a web-based WYSIWYG drag & drop IDE.</p> </div> <a class="ui-cta" title="UI Development" aria-label="Learn more about Infragistics Ultimate" data-id="24086" href="/products/ultimate">Learn More</a></div> <div class="ui-card ui-card--ctaLink" data-card-padding="false"> <h3 class="text--h4 p-absolute text--align-center width--full vpad--xs emphasize color--white zero-margin-bottom">Embedded Analytics</h3> <div class="ui-card__feature-image"><a title="Business Intelligence" aria-label="Learn more about Reveal" href="https://revealbi.io"><img class="lazy-load--onReady b-lazy" title="Woman looking at dashboard of marketing campaign performance" src="https://static.infragistics.com/marketing/Website/home/reveal-business-intelligence-data-analytics-embed-lazy-load-768.jpg" alt="Woman looking at dashboard of marketing campaign performance with data visualizations" sizes="(max-width: 100em) 100vw, 1400px" data-src="https://static.infragistics.com/marketing/Website/home/reveal-business-intelligence-data-analytics-embed-768.png?v=201908211000" data-srcset="https://static.infragistics.com/marketing/Website/home/reveal-business-intelligence-data-analytics-embed-480.png?v=201908211000 480w, https://static.infragistics.com/marketing/Website/home/reveal-business-intelligence-data-analytics-embed-768.png?v=201908211000 768w, https://static.infragistics.com/marketing/Website/home/reveal-business-intelligence-data-analytics-embed-1400.png?v=201908211000 1400w" /></a></div> <div class="ui-card__content-container ui-card--lc-mb-0"> <p>Empower everyone in your organization to make smarter business decisions and take actions based on predictive data. Reveal makes it easy to embed analytics into your apps and easily connect to modern cloud platforms like Microsoft Azure, Google Big Query, and AWS.</p> </div> <a class="ui-cta" title="Business Intelligence" aria-label="Learn more about Reveal" href="https://revealbi.io">Learn More</a></div> <div class="ui-card ui-card--ctaLink" data-card-padding="false"> <h3 class="text--h4 p-absolute text--align-center width--full vpad--xs emphasize color--white zero-margin-bottom">Work Management</h3> <div class="ui-card__feature-image"><a title="Slingshot" aria-label="Learn more about Slingshot" rel="noopener" href="https://www.slingshotapp.io/" target="_blank"><img class="lazy-load--onReady b-lazy" title="Slingshot - all-in-one digital workplace for team collaboration" src="https://static.infragistics.com/marketing/Website/home/slingshot-team-productivity-768-lazy-load.jpg" alt="Slingshot - all-in-one digital workplace for team collaboration" sizes="(max-width: 100em) 100vw, 1400px" data-src="https://static.infragistics.com/marketing/Website/home/slingshot-team-productivity-just-launched-768.jpg" data-srcset="https://static.infragistics.com/marketing/Website/home/slingshot-team-productivity-just-launched-480.jpg 480w, https://static.infragistics.com/marketing/Website/home/slingshot-team-productivity-just-launched-768.jpg 768w, https://static.infragistics.com/marketing/Website/home/slingshot-team-productivity-just-launched-960.jpg 960w, https://static.infragistics.com/marketing/Website/home/slingshot-team-productivity-just-launched-1400.jpg 1400w" /></a></div> <div class="ui-card__content-container ui-card--lc-mb-0"> <p>Slingshot goes beyond work management and connects everyone in your business to your data in one streamlined platform. It organizes projects, content, and chats to drive better team results. Allowing everyone to use data to make faster decisions, adapt quickly, and get to market sooner.</p> </div> <a class="ui-cta" title="Slingshot" aria-label="Learn more about Slingshot" rel="noopener" href="https://www.slingshotapp.io/" target="_blank">Learn More</a></div> </div> </div> </section> <!-- SECTION: Customer Stories --> <section class="be-section clearfix padding-top-bottom-50 zero-padding-bottom"> <div class="be-row be-wrap text--align-center"><header class="h-group h-group--mar-bottom-sm h-group--fcspace text--align-center"> <h2>Stories That Truly Matter</h2> <p class="text--h5">More than two million developers use Infragistics UX and UI toolkits to support and accelerate their application development.</p> </header> <div class="display--inline-block hpad--sm text--align-center"><img class="b-lazy" title="Intuit, Exxon, and Morgan Stanley logos" style="max-width: 500px; width: 100%;" src="https://static.infragistics.com/marketing/Website/products/placeholder1x1.png" alt="Intuit, Exxon, and Morgan Stanley group of client logos that utilize Infragistics developer controls" data-src="https://download.infragistics.com/marketing/Website/shared/clients/customer-stories-intuit-exxon-morgan-stanley-bank-of-america-v2.jpg" /> <img class="b-lazy" title="Pedrello, PTV Group and Ikea group of client logos" style="max-width: 550px; width: 100%;" src="https://static.infragistics.com/marketing/Website/products/placeholder1x1.png" alt="Pedrello, PTV Group and Ikea group of client logos that utilize Infragistics developer controls" data-src="https://static.infragistics.com/marketing/Website/shared/clients/customer-stories-ikea-pedrollo-ptv-group-v3.jpg" /> <img class="b-lazy" title="Super Stream, Pasona Tech and Battelle group of client logos" style="max-width: 450px; width: 100%;" src="https://static.infragistics.com/marketing/Website/products/placeholder1x1.png" alt="Super Stream, Pasona Tech and Battelle group of client logos that utilize Infragistics developer controls" data-src="https://static.infragistics.com/marketing/Website/shared/clients/customer-stories-super-stream-pasona-tech-battelle-v3.jpg" /> <img class="b-lazy" title="Blue Yonder group of client logos" style="max-width: 530px; width: 100%;" src="https://static.infragistics.com/marketing/Website/products/placeholder1x1.png" alt="Blue Yonder group of client logos that utilize Infragistics developer controls" data-src="https://static.infragistics.com/marketing/Website/shared/clients/customer-stories-blue-yonder-fidelity-hyland.jpg" /></div> </div> <div class="padding-top-bottom-50"> <section class="be-section"> <div class="be-row clearfix bgColor--san-marino bg--darker"> <div class="flexslider__container align--center flexslider--side-by-side--slider"> <div class="flexslider flexslider--side-by-side flex-viewport align--center" style="position: relative; min-height: 200px;"> <div class="loader loader--bar" style="position: absolute; left: 50%; top: 50%; z-index: 99; margin-left: -15px;"></div> <ul class="slides loaded" style="display: block;"> <li> <div class="features-block features-block--list display--block-xs"> <div class="features-block__item features-block__item--half features-block--align-center features-hero--align-right zero-padding-top zero-padding-bottom display--block-xs"> <div class="features-block__content text--align-left pad--lg flexslider--side-by-side--text"> <h2 class="text--h3 emphasize">Cibao Meat Products Increases Cash Flow, Saves Time with Slingshot</h2> <p class="container--story-text">As a champion of Slingshot, Heinz is in the process of onboarding all the different departments within the company to create Production-Based dashboards, Active Sales Accounts KPI’s, and a Factbird Operational Dashboard.</p> <p class="container--read-all"><a class="ui-link ui-link--secondary" aria-label="Read Cibao Meat Products's Customer Story" rel="noopener" data-id="13188" href="https://www.slingshotapp.io/stories/cibao-meat-customer-story" target="_blank">Read the Story</a></p> </div> </div> <div class="features-block__content display--block-xs"><img class="display--block img--no-padding width--full b-lazy" src="https://static.infragistics.com/marketing/Website/home/infragistics-customer-success-story-lazy-load-768.jpg" alt="Cibao Meat Products Increases Cash Flow, Saves Time with Slingshot" sizes="(max-width: 1600px) 100vw, 1100px" data-src="https://static.infragistics.com/marketing/Website/home/cibao-customer-success-story-960.jpg" data-srcset="https://static.infragistics.com/marketing/Website/home/cibao-customer-success-story-480.jpg 480w, https://static.infragistics.com/marketing/Website/home/cibao-customer-success-story-768.jpg 768w, https://static.infragistics.com/marketing/Website/home/cibao-customer-success-story-960.jpg 960w, https://static.infragistics.com/marketing/Website/home/cibao-customer-success-story-1600.jpg 1600w, https://static.infragistics.com/marketing/Website/home/cibao-customer-success-story-1800.jpg 1800w" /></div> </div> </li> <!-- <li> <div class="features-block features-block--list display--block-xs"> <div class="features-block__item features-block__item--half features-block--align-center features-hero--align-right zero-padding-top zero-padding-bottom display--block-xs"> <div class="features-block__content text--align-left pad--lg flexslider--side-by-side--text"> <h2 class="text--h3 emphasize">Overwhelming Data: Easy to Digest and Use For Decision Making With Reveal</h2> <p class="container--story-text">Adrenalin selected Reveal because of its key technical elements, including white labeling, which allows for customization of the tool’s user interface to match our branding, as well as licensing, which determines cost and flexibility, and scaling that ensures the tool can handle increased data volumes and user traffic.</p> <p class="container--read-all"><a class="ui-link ui-link--secondary" aria-label="Read Adrenalin's Customer Story" rel="noopener" data-id="" href="https://www.revealbi.io/stories/overwhelming-data-easy-to-digest-and-use-for-decision-making-with-reveal" target="_blank">Read the Story</a></p> </div> </div> <div class="features-block__content display--block-xs"><img class="display--block img--no-padding width--full b-lazy" src="https://static.infragistics.com/marketing/Website/home/infragistics-customer-success-story-lazy-load-768.jpg" alt="Read Adrenalin's Customer Story" sizes="(max-width: 1600px) 100vw, 1100px" data-src="https://static.infragistics.com/marketing/Website/home/adrenelin-customer-success-story-960.jpg" data-srcset="https://static.infragistics.com/marketing/Website/home/adrenelin-customer-success-story-480.jpg 480w, https://static.infragistics.com/marketing/Website/home/adrenelin-customer-success-story-768.jpg 768w, https://static.infragistics.com/marketing/Website/home/adrenelin-customer-success-story-960.jpg 960w, https://static.infragistics.com/marketing/Website/home/adrenelin-customer-success-story-1600.jpg 1600w, https://static.infragistics.com/marketing/Website/home/adrenelin-customer-success-story-1800.jpg 1800w" /></div> </div> </li> --> <li> <div class="features-block features-block--list display--block-xs"> <div class="features-block__item features-block__item--half features-block--align-center features-hero--align-right zero-padding-top zero-padding-bottom display--block-xs"> <div class="features-block__content text--align-left pad--lg flexslider--side-by-side--text"> <h2 class="text--h3 emphasize">Scriptly Helps Pharmacies Identify Trends in Real Time with Reveal</h2> <p class="container--story-text">With Reveal built into Scriptly, pharmacies can access up-to-the-minute data, spot trends in patients, prescribers, and prescriptions, and customize dashboards to see relevant data. Reveal’s embedded analytics solution removed the need for manual reporting.</p> <p class="container--read-all"><a class="ui-link ui-link--secondary" aria-label="Read Scriptly's Customer Story" rel="noopener" data-id="13188" href="https://www.revealbi.io/stories/scriptly-helps-pharmacies-identify-trends-in-real-time-with-reveal" target="_blank">Read the Story</a></p> </div> </div> <div class="features-block__content display--block-xs"><img class="display--block img--no-padding width--full b-lazy" src="https://static.infragistics.com/marketing/Website/home/infragistics-customer-success-story-lazy-load-768.jpg" alt="Visualizing complex data in ways never before possible" sizes="(max-width: 1600px) 100vw, 1100px" data-src="https://static.infragistics.com/marketing/Website/home/scriptly-customer-success-story-960.jpg" data-srcset="https://static.infragistics.com/marketing/Website/home/scriptly-customer-success-story-480.jpg 480w, https://static.infragistics.com/marketing/Website/home/scriptly-customer-success-story-768.jpg 768w, https://static.infragistics.com/marketing/Website/home/scriptly-customer-success-story-960.jpg 960w, https://static.infragistics.com/marketing/Website/home/scriptly-customer-success-story-1600.jpg 1600w, https://static.infragistics.com/marketing/Website/home/scriptly-customer-success-story-1800.jpg 1800w" /></div> </div> </li> <li> <div class="features-block features-block--list display--block-xs"> <div class="features-block__item features-block__item--half features-block--align-center features-hero--align-right zero-padding-top zero-padding-bottom display--block-xs"> <div class="features-block__content text--align-left pad--lg flexslider--side-by-side--text"> <h2 class="text--h3 emphasize">Maintaining uptime at leading industrial plants globally</h2> <p class="container--story-text">Every second of downtime at a power plant, oil and gas platform, or renewable energy facility is costly. Bently Nevada keeps the leading industrial producers running 24x7 with a state-of-the-art condition monitoring system that runs on Infragistics Ultimate UI for WPF software.</p> <p class="container--read-all"><a class="ui-link ui-link--secondary" aria-label="Read Bently Nevada's Customer Story" data-id="13188" href="/resources/case-studies/bently-nevada">Read the Story</a></p> </div> </div> <div class="features-block__content display--block-xs"><img class="display--block img--no-padding width--full b-lazy" src="https://static.infragistics.com/marketing/Website/home/infragistics-customer-success-story-lazy-load-768.jpg" alt="Maintaining uptime at leading industrial plants globally" sizes="(max-width: 1600px) 100vw, 1100px" data-src="https://static.infragistics.com/marketing/Website/home/Bently-Nevada-2-960.jpg" data-srcset="https://static.infragistics.com/marketing/Website/home/Bently-Nevada-2-480.jpg 480w, https://static.infragistics.com/marketing/Website/home/Bently-Nevada-2-960.jpg 960w, https://static.infragistics.com/marketing/Website/home/Bently-Nevada-2-1600.jpg 1600w, https://static.infragistics.com/marketing/Website/home/Bently-Nevada-2-1800.jpg 1800w" /></div> </div> </li> <li> <div class="features-block features-block--list display--block-xs"> <div class="features-block__item features-block__item--half features-block--align-center features-hero--align-right zero-padding-top zero-padding-bottom display--block-xs"> <div class="features-block__content text--align-left pad--lg flexslider--side-by-side--text"> <h2 class="text--h3 emphasize">Bringing modern Angular look and feel to bank’s essential pricing application</h2> <p class="container--story-text">A prominent UK investment bank used Infragistics’ high-performing Ignite UI toolkit with 65+ Angular components to add a modern, user-friendly UI and very fast data grids to critical software in its new Risk and Finance Solutions division.</p> <p class="container--read-all"><a class="ui-link ui-link--secondary" aria-label="Read UK Investment Bank's Customer Story" data-id="13188" href="/resources/case-studies/uk-investment-bank">Read the Story</a></p> </div> </div> <div class="features-block__content display--block-xs"><img class="display--block img--no-padding width--full b-lazy" src="https://static.infragistics.com/marketing/Website/home/infragistics-customer-success-story-lazy-load-768.jpg" alt="Bringing modern Angular look and feel to bank’s essential pricing application" sizes="(max-width: 1600px) 100vw, 1100px" data-src="https://static.infragistics.com/marketing/Website/home/Tier-1-Investment-Bank-2-960.jpg" data-srcset="https://static.infragistics.com/marketing/Website/home/Tier-1-Investment-Bank-2-480.jpg 480w, https://static.infragistics.com/marketing/Website/home/Tier-1-Investment-Bank-2-960.jpg 960w, https://static.infragistics.com/marketing/Website/home/Tier-1-Investment-Bank-2-1600.jpg 1600w, https://static.infragistics.com/marketing/Website/home/Tier-1-Investment-Bank-2-1800.jpg 1800w" /></div> </div> </li> </ul> </div> </div> </div> </section> </div> </section> <!-- SECTION: Ideas that Inspire --> <section class="be-section padding-top-bottom-50 zero-padding-bottom"> <div class="be-row be-wrap clearfix"><header class="h-group h-group--mar-bottom-md text--align-center"> <h2 class="mar-bottom--lg">Ideas That Inspire. Discover What's New.</h2> </header> <div class="ui-card--flex ui-card--flex-third"> <div class="ui-card ui-card--ctaLink" data-card-padding="false"> <div class="ui-card__feature-image"><a title="Cibao Meat Products Increases Cash Flow, Saves Time with Slingshot" aria-label="Cibao Meat Products Increases Cash Flow, Saves Time with Slingshot" href="https://slingshotapp.io/stories/cibao-meat-customer-story" target="_blank"> <img class="b-lazy width--full" title="Cibao Meat Products Increases Cash Flow, Saves Time with Slingshot" src="https://static.infragistics.com/marketing/reveal/customer-success/Adrenalin/reveal-adrenalin-768-lazy-load.jpg" alt="Cibao Meat Products Increases Cash Flow, Saves Time with Slingshot" sizes="(min-width: 480px) 100vw, 480px" data-src="https://static.infragistics.com/marketing/Website/home/cibao-customer-success-480.jpg" data-srcset="https://static.infragistics.com/marketing/Website/home/cibao-customer-success-480.jpg 480w, https://static.infragistics.com/marketing/Website/home/cibao-customer-success-768.jpg 768w" /> </a></div> <div class="ui-card__content-container ui-card--lc-mb-0"> <h3 class="text--h4">Cibao Meat Products Increases Cash Flow, Saves Time with Slingshot</h3> <p>As a champion of Slingshot, Heinz is in the process of onboarding all the different departments within the company to create Production-Based dashboards, Active Sales Accounts KPI’s, and a Factbird Operational Dashboard.</p> </div> <a class="ui-cta" title="Cibao Meat Products Increases Cash Flow, Saves Time with Slingshot" aria-label="Cibao Meat Products Increases Cash Flow, Saves Time with Slingshot" href="https://slingshotapp.io/stories/cibao-meat-customer-story" target="_blank">Read Now</a></div> <div class="ui-card ui-card--ctaLink" data-card-padding="false"> <div class="ui-card__feature-image"><a title="Scriptly Helps Pharmacies Identify Trends in Real Time with Reveal" aria-label="Scriptly Helps Pharmacies Identify Trends in Real Time with Reveal" rel="noopener" href="https://revealbi.io/stories/scriptly-helps-pharmacies-identify-trends-in-real-time-with-reveal" target="_blank"> <img class="b-lazy width--full" title="Trends in Software Development and Analytics survey report cover and chart" src="https://static.infragistics.com/marketing/Website/home/reveal-768-lazy-load.jpg" alt="Scriptly Helps Pharmacies Identify Trends in Real Time with Reveal" sizes="(min-width: 480px) 100vw, 480px" data-src="https://static.infragistics.com/marketing/Website/home/scriptly-customer-success-480.jpg" data-srcset="https://static.infragistics.com/marketing/Website/home/scriptly-customer-success-480.jpg 480w, https://static.infragistics.com/marketing/Website/home/scriptly-customer-success-768.jpg 768w, https://static.infragistics.com/marketing/Website/home/scriptly-customer-success-960.jpg 960w" /> </a></div> <div class="ui-card__content-container ui-card--lc-mb-0"> <h3 class="text--h4">Scriptly Helps Pharmacies Identify Trends in Real Time with Reveal</h3> <p>With Reveal built into Scriptly, pharmacies can access up-to-the-minute data, spot trends in patients, prescribers, and prescriptions, and customize dashboards to see relevant data. Reveal’s embedded analytics solution removed the need for manual reporting.</p> </div> <a class="ui-cta" title="Scriptly Helps Pharmacies Identify Trends in Real Time with Reveal" aria-label="Scriptly Helps Pharmacies Identify Trends in Real Time with Reveal" rel="noopener" href="https://revealbi.io/stories/scriptly-helps-pharmacies-identify-trends-in-real-time-with-reveal" target="_blank">Read Now</a></div> <div class="ui-card ui-card--ctaLink" data-card-padding="false"> <div class="ui-card__feature-image"><a title="Angular Essentials" aria-label="Read Angular Essentials" href="/products/ignite-ui-angular/refcard"> <img class="b-lazy width--full" title="Angular Essentials Whitepaper" src="https://static.infragistics.com/marketing/Website/home/ideas-inspire-768-lazy-load.jpg" alt="List of options with top right selected after determining ROI" sizes="(min-width: 480px) 100vw, 480px" data-src="https://static.infragistics.com/marketing/Website/home/angular-ref-card-480.jpg" data-srcset="https://static.infragistics.com/marketing/Website/home/angular-ref-card-480.jpg 480w, https://static.infragistics.com/marketing/Website/home/angular-ref-card-768.jpg 768w, https://static.infragistics.com/marketing/Website/home/angular-ref-card-960.jpg 960w, https://static.infragistics.com/marketing/Website/home/angular-ref-card-1400.jpg 1400w" /> </a></div> <div class="ui-card__content-container ui-card--lc-mb-0"> <h3 class="text--h4">Angular Essentials RefCard Getting Started</h3> <p>This RefCard will review Angular essentials and cover pivotal concepts behind this ever-growing application platform. From Angular’s basic architecture to property and event binding, this RefCard highlights the foundational and advanced topics needed for successful app development in Angular.</p> </div> <a class="ui-cta" title="Angular Essentials" aria-label="Read Angular Essentials" href="/products/ignite-ui-angular/refcard">Read Now</a></div> <!-- <div class="ui-card ui-card--ctaLink" data-card-padding="false"> <div class="ui-card__feature-image"> <a title="Download Whitepaper" aria-label="Download the Benefits of UI Toolkit Standardization whitepaper" href="/resources/whitepapers/ui-toolkit-standardization"> <img class="b-lazy width--full" title="Laptop with target and arrow bull's eye" src="https://static.infragistics.com/marketing/Website/home/infragistics-recommended-readings-lazy-load-768.jpg" alt="Laptop with target and arrow bull's eye representation for UI Toolkit standarization" sizes="(min-width: 480px) 100vw, 480px" data-src="https://static.infragistics.com/marketing/Website/home/benefits-ui-toolkit-standardization-whitepaper-480.jpg" data-srcset="https://static.infragistics.com/marketing/Website/home/benefits-ui-toolkit-standardization-whitepaper-480.jpg 480w, https://static.infragistics.com/marketing/Website/home/benefits-ui-toolkit-standardization-whitepaper-768.jpg 768w, https://static.infragistics.com/marketing/Website/home/benefits-ui-toolkit-standardization-whitepaper-960.jpg 960w, https://static.infragistics.com/marketing/Website/home/benefits-ui-toolkit-standardization-whitepaper-1400.jpg 1400w" /> </a> </div> <div class="ui-card__content-container ui-card--lc-mb-0"> <h3 class="text--h4">Benefits of UI Toolkit Standardization</h3> <p>Research shows that using a standard UI toolkit pays for itself quickly by reducing project development and testing time by 33%. Read this whitepaper to see the research behind these numbers and learn about the other benefits including the creation of consistent, beautiful user experiences, lower training costs, and lower security vulnerabilities.</p> </div> <a class="ui-cta" title="Download Whitepaper" aria-label="Download the Benefits of UI Toolkit Standardization whitepaper" rel="noopener" href="/resources/whitepapers/ui-toolkit-standardization" target="_blank">Download Now</a> </div> <div class="ui-card ui-card--ctaLink" data-card-padding="false"> <div class="ui-card__feature-image"> <a title="Download Whitepaper" aria-label="Download the Design Systems RefCard" href="/products/indigo-design/gartner"> <img class="b-lazy width--full" title="List of options with top right selected" src="https://static.infragistics.com/marketing/Website/home/infragistics-recommended-readings-lazy-load-768.jpg" alt="List of options with top right selected after determining ROI" sizes="(min-width: 480px) 100vw, 480px" data-src="https://static.infragistics.com/marketing/Website/home/gartner-report-480x264.jpg" data-srcset="https://static.infragistics.com/marketing/Website/home/gartner-report-480x264.jpg 480w, https://static.infragistics.com/marketing/Website/home/gartner-report-768x422.jpg 768w, https://static.infragistics.com/marketing/Website/home/gartner-report-960x527.jpg 960w, https://static.infragistics.com/marketing/Website/home/gartner-report-1400x768.jpg 1400w" /> </a> </div> <div class="ui-card__content-container ui-card--lc-mb-0"> <h3 class="text--h4">Gartner Report – Technology Insight For Digital Product Design Platforms</h3> <p>Reducing development backlog has never been more important. In Gartner's complementary report, see the details of a brand-new approach to UX design and app building — the digital product design platform. Find out how a single, integrated platform acts as a "force multiplier" by enabling true design-dev collaboration.</p> </div> <a class="ui-cta" title="Download Whitepaper" aria-label="Download Design Systems RefCard" href="/products/indigo-design/gartner">Download Now</a> </div> --></div> </div> </section> <!-- SECTION: Latest News --> <section class="be-section padding-top-bottom-50"> <div class="be-row be-wrap clearfix"><header class="h-group h-group--mar-bottom-sm h-group--fcspace text--align-center"> <h2>Stay Current with the Latest News and Features</h2> <a href="/about-us/in-the-news">See all news and articles</a></header> <div class="features-block features-block--list text--align-left"><!-- Start: Replaced News - #1 --> <div class="features-block__item features-block__item--fourth features-block--cta"> <div class="features-block__content"><time class="font-size--sm" datetime="2024-09-12">February 5, 2025</time> <h3 class="text--h5 emphasize">Launching the ‘AI & Data Driven Leadership’ Podcast</h3> <p class="zero-margin">Dean Guida, Infragistics CEO & Founder, spotlights the innovators shaping tech’s future in his new podcast ‘AI & Data Driven Leadership’. Uncover the strategies behind tech companies’ success, exploring how AI and data fuel businesses to thrive today, and gain insights from conversations with leading CEOs and executives.</p> </div> <a class="ui-cta" title="Launching the ‘AI & Data Driven Leadership’ Podcast" aria-label="Launching the ‘AI & Data Driven Leadership’ Podcast" href="https://www.globenewswire.com/news-release/2025/02/05/3021225/0/en/Dean-Guida-Spotlights-The-Innovators-Shaping-Tech-s-Future-in-New-Podcast-AI-Data-Driven-Leadership.html" target="_blank">Read More</a></div> <!-- End: Replaced News - #1 --> <!-- Start: Replaced News - #2 --> <div class="features-block__item features-block__item--fourth features-block--cta"> <div class="features-block__content"><time class="font-size--sm" datetime="2024-08-21">January 16, 2025</time> <h3 class="text--h5 emphasize">80% of Employees Are Unaware of Company Goals</h3> <p class="zero-margin">While employers say they’re effectively communicating organization goals, nearly 80% of employees don’t know what they’re working towards. According to Slingshot’s 2024 Digital Work Trends Report, more than half of them think that increased transparency around company objectives would enhance productivity...</p> </div> <a class="ui-cta" title="80% of Employees Are Unaware of Company Goals" aria-label="80% of Employees Are Unaware of Company Goals" href="https://www.agilitypr.com/pr-agency-news/employers-say-theyre-effectively-communicating-company-goals-nearly-80-of-employees-dont-know-what-theyre-working-towards/" target="_blank">Read More</a></div> <!-- End: Replaced News - #2 --> <!-- Start: Replaced News - #3 --> <div class="features-block__item features-block__item--fourth features-block--cta"> <div class="features-block__content"><time class="font-size--sm" datetime="2024-08-14">January 3, 2025</time> <h3 class="text--h5 emphasize">CTO’s Guide to Maximizing Low-Code/No-Code Potential</h3> <p class="zero-margin">Navigating the right strategy and governance with low-code/no-code platforms empowers businesses to streamline app development, bridge skill gaps, and improve collaboration between IT and business teams. But how to fast-track innovation, boost efficiency, and overcome challenges—see expert insights on the role of low code.</p> </div> <a class="ui-cta" title="CTO’s Guide to Maximizing Low-Code/No-Code Potential" aria-label="CTO’s Guide to Maximizing Low-Code/No-Code Potential" href="https://thectoclub.com/news/ctos-guide-to-maximizing-low-code-no-code-potential/" target="_blank">Read More</a></div> <!-- End: Replaced News - #3 --> <!-- Start: Replaced News - #4 --> <div class="features-block__item features-block__item--fourth features-block--cta"> <div class="features-block__content"><time class="font-size--sm" datetime="2024-07-26">January 1, 2025</time> <h3 class="text--h5 emphasize">Marketing Leaders Identify Key Trends For 2025</h3> <p class="zero-margin">As we stepped into 2025, marketing leaders provide valuable thoughts on the shifts in consumer behavior and changes they anticipate in personalization, AI, data, and budgets. Holly Fee, VP of Marketing at Infragistics, highlights the importance of data in everyday work, the use of AI to support decisions, and key trends for the year...</p> </div> <a class="ui-cta" title="Marketing Leaders Identify Key Trends For 2025" aria-label="Marketing Leaders Identify Key Trends For 2025" href="https://www.forbes.com/sites/kimberlywhitler/2025/01/01/marketing-leaders-identify-key-trends-for-2025/" target="_blank">Read More</a></div> <!-- End: Replaced News - #4 --></div> </div> </section> <!-- SECTION: WT --> <section class="be-section padding-top-bottom-50"> <div class="be-row be-wrap clearfix"><header class="h-group h-group--fcspace text--align-center"> <h2>Working Together and Pushing Boundaries</h2> </header> <div class="flexslider__container flexslider--nav-top flex-direction-nav--hide" data-flexslider-theme="slidernav-logos"> <ul class="flex-control-nav"> <li style="background: #c60031;" tabindex="0" data-action="0"><img class="b-lazy" src="https://static.infragistics.com/marketing/Website/products/placeholder1x1.png" alt="Rutgers University logo" data-src="https://static.infragistics.com/marketing/Website/home/rutgers-logo.svg"><span>Rutgers University</span></li> <li style="background: #0067b8;" tabindex="0" data-action="1"><img class="b-lazy" src="https://static.infragistics.com/marketing/Website/products/placeholder1x1.png" alt="Microsoft Gold Partner logo" data-src="https://static.infragistics.com/marketing/Website/home/microsoft-gold-partner-logo-updated.svg"><span>React Framework</span></li> <li style="background: #34474f;" tabindex="0" data-action="2"><img class="b-lazy" src="https://static.infragistics.com/marketing/Website/products/placeholder1x1.png" alt="Angular Framework logo" data-src="https://static.infragistics.com/marketing/Website/products/Ignite-UI-for-Angular/icon_angular_wht.svg"><span>Angular Framework</span></li> <li style="background: #660033;" tabindex="0" data-action="3"><img class="b-lazy" src="https://static.infragistics.com/marketing/Website/products/placeholder1x1.png" alt="Stevens Institute Technology logo" data-src="https://static.infragistics.com/marketing/Website/home/stevens-institute-technology-logo.svg"><span>Stevens Institute Technology</span></li> </ul> <div class="flexslider p-relative" style="min-height: 200px;"> <div class="loader loader--bar p-absolute" style="left: 50%; top: 50%; z-index: 99; margin-left: -15px;"></div> <ul class="slides loading"> <li> <div class="be-row mw--800 align--center"> <div class="features-block"> <div class="features-block__item zero-padding-top zero-padding-bottom"> <div class="features-block__image features-block__image--left"><img class="align--center" style="max-width: 290px;" src="https://static.infragistics.com/marketing/Website/home/infragistics-partners-lazy-load.jpg" alt="Lee Pagenkopf, Founding Manager, Rutgers Makerspace" data-src="https://static.infragistics.com/marketing/Website/home/rutgers-lee-pagenkopf.jpg"></div> <div class="features-block__content"> <h3 class="text--h4">Supporting the Next Generation of Leaders in STEM</h3> <p class="mar-bottom--sm">Infragistics has partnered with Rutgers Division of Continuing Studies, supporting students and faculty with access to its full portfolio of UX, UI and Analytics software including Infragistics Ultimate, Indigo.Design and Reveal.</p> <a class="display--inline-block mar-bottom--lg emphasize" aria-label="Read more about the Infragistics partnership with Rutgers" rel="noopener nofollow" href="https://patch.com/new-jersey/newbrunswick/rutgers-infragistics-provide-students-enhanced-software" target="_blank">Read More</a> <figure class="testimonial testimonial--left-border" data-quote-type="simple"> <blockquote> <p class="emphasize">"We are thrilled to be able to offer our students, faculty and staff Infragistics software solutions that will accelerate their design, development, and collaboration efforts."</p> </blockquote> <figcaption>Lee Pagenkopf, Founding Manager, Rutgers Makerspace</figcaption></figure> </div> </div> </div> </div> </li> <li> <div class="be-row mw--800 align--center"> <div class="features-block"> <div class="features-block__item zero-padding-top zero-padding-bottom"> <div class="features-block__image features-block__image--left"><img class="align--center" style="max-width: 290px;" src="https://static.infragistics.com/marketing/Website/home/infragistics-partners-lazy-load.jpg" alt="" data-src="https://static.infragistics.com/marketing/Website/home/microsoft-gold-partner-jason-beres-infragistics-v1.jpg"></div> <div class="features-block__content"> <h3 class="text--h4">Serving the Microsoft and .NET Ecosystem</h3> <p class="mar-bottom--sm">As a Gold Microsoft partner, Infragistics continues to be an active leader in the Microsoft developer ecosystem, providing controls, components and tools to streamline development of .NET applications on any platform or device.</p> <figure class="testimonial testimonial--left-border" data-quote-type="simple"> <blockquote> <p class="emphasize">"Infragistics has been a Microsoft partner for almost 3 decades. Through this close-knit relationship we’ve not only built technology that Microsoft has used in their products, but we’ve embraced and extended Microsoft platforms to deliver the tools and frameworks backed by .NET that our joint customers use as they build the next generation of enterprise applications."</p> </blockquote> <figcaption>Jason Beres, Sr. VP of Developer Tools, Infragistics</figcaption></figure> </div> </div> </div> </div> </li> <li> <div class="be-row mw--800 align--center"> <div class="features-block"> <div class="features-block__item zero-padding-top zero-padding-bottom"> <div class="features-block__image features-block__image--left"><img class="align--center" style="max-width: 290px;" src="https://static.infragistics.com/marketing/Website/home/infragistics-partners-lazy-load.jpg" alt="" data-src="https://static.infragistics.com/marketing/Website/home/angular-ignite-ui-controls-grids-charts.jpg"></div> <div class="features-block__content"> <h3 class="text--h4">Proud Contributor to and Supporter of Angular</h3> <p class="mar-bottom--sm">Infragistics is an active contributor to the Angular ecosystem, working directly with the Angular team at Google to contribute to the open source Angular components, while also providing the most complete commercial library of Material-based, Angular-native UI components, Ignite UI for Angular.</p> <a class="display--inline-block mar-bottom--lg emphasize" style="/* display: none;" aria-label="Read more about Infragistics working directly with Google's Angular team" rel="noopener nofollow" href="https://blog.angular.io/how-i-contributed-to-angular-components-b3a8830ca268" target="_blank">Read More</a> <figure class="testimonial testimonial--left-border" data-quote-type="simple"> <blockquote> <p class="emphasize">"In the end I was really happy with my work. I learned a lot….finding that the people responsible for the project are open to new ideas and very friendly… and the feeling that you are contributing to a project used by tens of thousands of engineers is great."</p> </blockquote> <figcaption>Milko Venkov, Software Developer, Infragistics</figcaption></figure> </div> </div> </div> </div> </li> <li> <div class="be-row mw--800 align--center"> <div class="features-block"> <div class="features-block__item zero-padding-top zero-padding-bottom"> <div class="features-block__image features-block__image--left"><img class="align--center" style="max-width: 290px;" src="https://static.infragistics.com/marketing/Website/home/infragistics-partners-lazy-load.jpg" alt="Premal Kamdar, Entrepreneur in Residence at the Stevens Venture Center" data-src="https://static.infragistics.com/marketing/Website/home/stevens-institute-technology-premal-kamdar.jpg"></div> <div class="features-block__content"> <h3 class="text--h4">Supporting the Next Generation of Developers and Entrepreneurs</h3> <p class="mar-bottom--sm">The Stevens Venture Center (SVC) is an innovative entrepreneurship ecosystem designed to connect Stevens entrepreneurs with infrastructure, resources and funding assistance so they can develop sustainable and successful commercial enterprises based on either Stevens-derived or individually conceived technologies.</p> <a class="display--inline-block mar-bottom--lg emphasize" aria-label="Read more about Stevens Venture" href="/about-us/in-the-news/infragistics-partners-with-stevens-venture-center-to-support-covid-healthhack-ii">Read More</a> <figure class="testimonial testimonial--left-border" data-quote-type="simple"> <blockquote> <p class="emphasize">"We are grateful for the support from partners like Infragistics, which are willing to share their technology and UX/UI expertise."</p> </blockquote> <figcaption>Premal Kamdar, Entrepreneur in Residence at the Stevens Venture Center</figcaption></figure> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </section> <!-- SECTION: Promotion --> <section class="be-section clearfix padding-top-bottom-50 overflow--hidden bgColor--san-marino bg--darker"> <div class="be-row be-wrap clearfix"> <div class="one-col clearfix text--align-center"><header class="h-group h-group--mar-bottom-sm"> <h2>Watch Our Latest Webinar</h2> </header> <div class="features-block features-block--list align--center features-block--align-center"> <div class="features-block__item features-block__item--two-third zero-padding-top zero-padding-bottom"> <div class="features-block__content text--align-left"><a rel="noopener" href="https://www.youtube.com/watch?v=9AEY5_phow8" target="_blank"> <img class="b-lazy" title="Build and Manage Data-Driven Apps in App Builder" src="https://static.infragistics.com/marketing/Website/home/app-builder-build-manage-data-driven-768.jpg" alt="Build and Manage Data-Driven Apps in App Builder" sizes="(max-width: 768px) 100vw, (max-width: 1100px) and (min-width: 769px) 50vw, 600px" data-src="https://static.infragistics.com/marketing/Website/home/promo-768-lazy-load.jpg" data-srcset="https://static.infragistics.com/marketing/Website/home/app-builder-build-manage-data-driven-480.jpg 480w, https://static.infragistics.com/marketing/Website/home/app-builder-build-manage-data-driven-768.jpg 768w, https://static.infragistics.com/marketing/Website/home/app-builder-build-manage-data-driven-960.jpg 960w"> </a></div> </div> <div class="features-block__item features-block__item--third zero-padding-top zero-padding-bottom"> <div class="features-block__content text--align-left"> <h3 class="text--h4 mar-bottom--zero padding-top-bottom-20 zero-padding-top">Build and Manage Data-Driven Apps in App Builder</h3> <ul class="ui-event__details emphasize padding-top-bottom-20 zero-padding-top hidden"> <li class="" style="border-right: 1px solid #FFF;"><time datetime="2025-02-27">February 27th</time></li> <li class="last"><time datetime="11:00:00.0000000-04:00">11:00 AM ЕТ</time></li> </ul> <!--<ul class="ui-event__details emphasize padding-top-bottom-20 zero-padding-top"> <li class="last"><time datetime="11:00:00.0000000-04:00">11:00 AM ЕТ</time></li> </ul>--> <p>Modern applications rely on seamless data interactions, but building and managing CRUD operations can often be complex and time-consuming. With App Builder, you can streamline this process in just a few clicks and effortlessly generate production-ready code. In this webinar, we’ll walk you through how to set up a complete CRUD scenario, leverage built-in services, and more.</p> <p class="zero-margin-bottom"><a class="ui-link ui-link--secondary display--block mchNoDecorate" title="Build and Manage Data-Driven Apps in App Builder" href="https://www.youtube.com/watch?v=9AEY5_phow8" target="_blank">Watch Now</a></p> </div> </div> </div> </div> </div> </section> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Corporation", "name": "Infragistics, Inc.", "brand": "Infragistics", "legalName": "Infragistics, Inc.", "alternateName": "Infragistics", "description": "Infragistics is a worldwide leader in providing tools and solutions to accelerate application design and development, provide insights, and foster collaboration within organizations. More than two million developers use Infragistics enterprise-ready UX and UI tool-kits to rapidly prototype and build high-performing applications for the cloud, web, Windows, iOS, and Android devices. Infragistics enterprise mobility solutions—Reveal and SharePlus—give business users the latest advancements in self-service business intelligence and collaboration software.", "url": "https://www.infragistics.com", "logo": "https://static.infragistics.com/marketing/Website/General/Infragistics-horizontal.svg", "image": [ "https://static.infragistics.com/marketing/Website/General/Infragistics-horizontal.svg", "https://static.infragistics.com/marketing/Website/home/home-ultimate-apps-1600.png" ], "foundingDate": "1989-08-07", "founder": [ { "@type": "Person", "name": "Dean Guida" } ], "foundingLocation": "Cranbury, NJ", "numberOfEmployees": [{ "minValue": "50", "maxValue": "200" }], "subOrganization": [ { "@type": "Corporation", "name": "Infragistics Japan", "url": "https://jp.infragistics.com" }, { "@type": "Corporation", "name": "SouthLabs Inc.", "foundingDate": "2009-09-01" }, { "@type": "Corporation", "name": "Reveal", "description": "Reveal is an application to empower everyone to use simple data visualization techniques for business intelligence.", "url": "https://www.revealbi.io", "logo": "https://static.infragistics.com/marketing/reveal/business-teams-reveal-logo-black.svg" } ], "address": { "@type": "PostalAddress", "streetAddress": "2 Commerce Dr", "addressLocality": "Cranbury Township ", "addressRegion": "NJ", "postalCode": "08512", "addressCountry": "US" }, "contactPoint" : [ { "@type" : "ContactPoint", "contactType" : "North America Sales", "areaServed" : "North America", "email": "sales@infragistics.com", "telephone" : "+1-800-231-8588", "faxNumber" : "+1-732-831-7820", "url": "https://www.infragistics.com/about-us/contact-us", "availableLanguage": [ "English", "Spanish", "Portuguese" ] }, { "@type" : "ContactPoint", "contactType" : "Europe Sales", "areaServed" : "Europe", "email": "sales-europe@infragistics.com", "telephone" : "+44 (0) 208 834 2400", "url": "https://www.infragistics.com/about-us/contact-us", "availableLanguage": [ "English", "Bulgarian", "Spanish", "German" ] }, { "@type" : "ContactPoint", "contactType" : "Europe Sales - United Kingdom", "areaServed" : "United Kingdom", "email": "sales-europe@infragistics.com", "telephone" : "+44 (0) 800 298 9055", "url": "https://www.infragistics.com/about-us/contact-us", "availableLanguage": [ "English" ] }, { "@type" : "ContactPoint", "contactType" : "Europe Sales - Austria", "areaServed" : "Austria", "email": "sales-europe@infragistics.com", "telephone" : "+44 208 834 2403", "url": "https://www.infragistics.com/about-us/contact-us", "availableLanguage": [ "English" ] }, { "@type" : "ContactPoint", "contactType" : "Europe Sales - France", "areaServed" : "France", "email": "sales-europe@infragistics.com", "telephone" : "+33 (0) 800 667 307", "url": "https://www.infragistics.com/about-us/contact-us", "availableLanguage": [ "English" ] }, { "@type" : "ContactPoint", "contactType" : "Europe Sales - Germany", "areaServed" : "Germany", "email": "sales-europe@infragistics.com", "telephone" : "0800 368 6381", "url": "https://www.infragistics.com/about-us/contact-us", "availableLanguage": [ "German", "English" ] }, { "@type" : "ContactPoint", "contactType" : "Europe Sales - Switzerland", "areaServed" : "Switzerland", "email": "sales-europe@infragistics.com", "telephone" : "+44 208 834 2403", "url": "https://www.infragistics.com/about-us/contact-us", "availableLanguage": [ "English" ] }, { "@type" : "ContactPoint", "contactType" : "Japan Sales", "areaServed" : "Japan", "email": "JapanSalesGroup@infragistics.com", "telephone" : "+81 (50) 1745 6258", "url": "https://www.infragistics.com/about-us/contact-us", "availableLanguage": [ "Japanese", "English" ] }, { "@type" : "ContactPoint", "contactType" : "APAC Sales", "areaServed" : "Asia and South America", "email": "APACsales@infragistics.com", "telephone" : "+81 (50) 1745 6258", "url": "https://www.infragistics.com/about-us/contact-us", "availableLanguage": [ "English" ] }, { "@type" : "ContactPoint", "contactType" : "APAC Sales", "areaServed" : "Asia and South America - Australia", "email": "APACsales@infragistics.com", "telephone" : "+0011 1 (800) 231 8588", "url": "https://www.infragistics.com/about-us/contact-us", "availableLanguage": [ "English" ] }, { "@type" : "ContactPoint", "contactType" : "APAC Sales", "areaServed" : "Asia and South America - Korea", "email": "APACsales@infragistics.com", "telephone" : "+81 (50) 1745 6258", "url": "https://www.infragistics.com/about-us/contact-us", "availableLanguage": [ "English" ] }, { "@type" : "ContactPoint", "contactType" : "APAC Sales", "areaServed" : "Asia and South America - Singapore", "email": "APACsales@infragistics.com", "telephone" : "+81 (50) 1745 6258", "url": "https://www.infragistics.com/about-us/contact-us", "availableLanguage": [ "English" ] }, { "@type" : "ContactPoint", "contactType" : "India Sales", "areaServed" : "India", "email": "sales-india@infragistics.com", "url": "https://www.infragistics.com/about-us/contact-us", "availableLanguage": [ "Hindi", "English" ] } ], "sameAs": [ "https://www.facebook.com/infragistics", "https://twitter.com/infragistics", "https://www.youtube.com/user/Infragistics", "http://www.linkedin.com/company/infragistics", "https://github.com/Infragistics", "https://g.co/kgs/DzU9Gk", "https://www.google.com/search?q=infragistics", "https://www.google.com/search?q=infragistics.com", "https://www.bing.com/search?q=infragistics", "https://www.bing.com/search?q=infragistics.com" ] } </script> </article> </main> <!-- FOOTER --><footer class="ui-footer ui-footer--clearfix"> <div class="ui-footer__wrap ui-footer--clearfix ui-footer__icons"> <a href="/community/blogs/" target="blank”" class="ui-footer__icon-link" aria-label="RSS"> <svg viewBox="0 0 512 512"> <path d="M201.8 347.2c0 20.3-16.5 36.8-36.8 36.8 -20.3 0-36.8-16.5-36.8-36.8s16.5-36.8 36.8-36.8C185.3 310.4 201.8 326.8 201.8 347.2zM128.2 204.7v54.5c68.5 0.7 124 56.3 124.7 124.7h54.5C306.7 285.3 226.9 205.4 128.2 204.7zM128.2 166.6c57.9 0.3 112.3 22.9 153.2 63.9 41 41 63.7 95.5 63.9 153.5h54.5c-0.3-149.9-121.7-271.4-271.6-271.9V166.6L128.2 166.6z" /> </svg> <!--[if lt IE 9]> <em>RSS</em> <![endif]--> </a> <a href="https://twitter.com/infragistics" target="blank" class="ui-footer__icon-link" aria-label="Twitter"> <svg viewBox="0 0 512 512"> <path d="M288.7,231.2l138.7,201.9h-102l-93.4-136l-117,136H84.7l133.8-155.5L84.7,82.9h102l88.5,128.7L386,82.9h30.2 L288.7,231.2L288.7,231.2z M247.3,279.3l92.3,132.1H386L272.9,249.5l-13.6-19.4l-87-124.5h-46.5L233.7,260L247.3,279.3L247.3,279.3z" /> </svg> <!--[if lt IE 9]> <em>Twitter</em> <![endif]--> </a> <a href="https://www.facebook.com/infragistics" target="blank”" class="ui-footer__icon-link" aria-label="Facebook"> <svg viewBox="0 0 512 512"> <path d="M211.9 197.4h-36.7v59.9h36.7V433.1h70.5V256.5h49.2l5.2-59.1h-54.4c0 0 0-22.1 0-33.7 0-13.9 2.8-19.5 16.3-19.5 10.9 0 38.2 0 38.2 0V82.9c0 0-40.2 0-48.8 0 -52.5 0-76.1 23.1-76.1 67.3C211.9 188.8 211.9 197.4 211.9 197.4z" /> </svg> <!--[if lt IE 9]> <em>Facebook</em> <![endif]--> </a> <a href="http://www.linkedin.com/company/infragistics" target="blank”" class="ui-footer__icon-link" aria-label="LinkedIn"> <svg viewBox="0 0 512 512"> <path d="M186.4 142.4c0 19-15.3 34.5-34.2 34.5 -18.9 0-34.2-15.4-34.2-34.5 0-19 15.3-34.5 34.2-34.5C171.1 107.9 186.4 123.4 186.4 142.4zM181.4 201.3h-57.8V388.1h57.8V201.3zM273.8 201.3h-55.4V388.1h55.4c0 0 0-69.3 0-98 0-26.3 12.1-41.9 35.2-41.9 21.3 0 31.5 15 31.5 41.9 0 26.9 0 98 0 98h57.5c0 0 0-68.2 0-118.3 0-50-28.3-74.2-68-74.2 -39.6 0-56.3 30.9-56.3 30.9v-25.2H273.8z" /> </svg> <!--[if lt IE 9]> <em>LinkedIn</em> <![endif]--> </a> <a href="https://www.youtube.com/user/Infragistics?annotation_id=annotation_3135485231&feature=iv&src_vid=c8dSiyWIfEo&sub_confirmation=1" target="blank”" class="ui-footer__icon-link" aria-label="YouTube"> <svg viewBox="0 0 512 512"> <path d="M422.6 193.6c-5.3-45.3-23.3-51.6-59-54 -50.8-3.5-164.3-3.5-215.1 0 -35.7 2.4-53.7 8.7-59 54 -4 33.6-4 91.1 0 124.8 5.3 45.3 23.3 51.6 59 54 50.9 3.5 164.3 3.5 215.1 0 35.7-2.4 53.7-8.7 59-54C426.6 284.8 426.6 227.3 422.6 193.6zM222.2 303.4v-94.6l90.7 47.3L222.2 303.4z" /> </svg> <!--[if lt IE 9]> <em>YouTube</em> <![endif]--> </a> <a href="https://discord.com/invite/c6e9Xdg3ty" target="blank”" class="ui-footer__icon-link" aria-label="Discord"> <svg viewBox="0 0 512 512"> <path d="m424.6 343.6c-29.4 22-57.9 35.2-85.8 44-7-9.5-13.1-19.7-18.4-30.3 10.1-3.8 19.8-8.5 28.9-14.1-2.3-1.8-4.7-3.6-7-5.6-55.1 26.1-115.7 26.1-171.5 0-2.3 1.9-4.7 3.8-7.1 5.6 9.1 5.5 18.8 10.3 28.9 14.1-5.3 10.6-11.5 20.8-18.4 30.3-28-8.8-56.4-22.1-85.8-44-5.9-64.3 6-129.6 50.3-196.5 21.9-10.3 45.4-17.8 70-22 3 5.5 6.7 12.8 9 18.6q38.5-5.8 77.6 0c2.4-5.8 5.9-13.1 8.9-18.6 24.6 4.2 48 11.7 70 22 38.4 57.3 57.4 121.9 50.4 196.5zm-194-74.2c0.3-19-13.4-34.7-30.4-34.7-17.1 0-30.5 15.7-30.5 34.7 0 19 13.7 34.7 30.5 34.7 17 0 30.5-15.7 30.4-34.7zm112.7 0c0.3-19-13.4-34.7-30.4-34.7-17.1 0-30.5 15.7-30.5 34.7 0 19 13.7 34.7 30.5 34.7 17 0 30.4-15.7 30.4-34.7z" /> </svg> <!--[if lt IE 9]> <em>YouTube</em> <![endif]--> </a> </div> <div class="ui-footer__wrap ui-footer__wrap--newsletter ui-footer--clearfix"><!-- 63.75% --> <div class="ui-footer__menu-block"> <div class="ui-footer__col-one-fourth ui-footer__col-block"> <div class="ui-footer__menu"> <ul class="ui-footer__menu-list"> <li class="ui-footer__menu-list-item"> <div class="ui-footer__category">Products</div> <ul> <li><a class="menu__link" href="/products/ultimate">Design & Development</a></li> <li><a class="menu__link" href="/products/indigo-design/desktop">UX Pros</a></li> <li><a class="menu__link" href="https://www.revealbi.io/embedded-analytics" target="_blank">Embedded Analytics</a></li> <li><a class="menu__link" href="https://www.slingshotapp.io/" target="_blank">Work Management</a></li> <li><a class="menu__link" title="Product Pricing" data-id="13745" href="/products/all">View All</a></li> <li><a class="menu__link" href="/free-downloads">Free Trials</a></li> </ul> </li> </ul> </div> </div> <!-- Column 2 --> <div class="ui-footer__col-one-fourth ui-footer__col-block"> <div class="ui-footer__menu"> <ul class="ui-footer__menu-list"> <li class="ui-footer__menu-list-item"> <div class="ui-footer__category">Learn & Support</div> <ul> <li><a class="menu__link" href="/support">Help & API Docs</a></li> <li><a class="menu__link" href="/blogs">Blogs</a></li> <li><a class="menu__link" href="/support/chat">Technical Support Chat</a></li> <li><a class="menu__link" href="/community/forums">Forums</a></li> <li><a class="menu__link" href="/community/ideas">Product Ideas</a></li> <li><a class="menu__link" href="https://account.infragistics.com/support-cases/submit">Submit a Request</a></li> <li><a class="menu__link" href="/status">Service Health</a></li> </ul> </li> </ul> </div> </div> <!-- Column 3 --> <div class="ui-footer__col-one-fourth ui-footer__col-block"> <div class="ui-footer__menu"> <ul class="ui-footer__menu-list"> <li class="ui-footer__menu-list-item"> <div class="ui-footer__category">My Account</div> <ul> <li><a class="menu__link" href="https://account.infragistics.com/subscriptions">Manage My Subscriptions</a></li> <li><a class="menu__link" href="https://account.infragistics.com/support-cases">Support Requests</a></li> </ul> </li> </ul> <ul class="ui-footer__menu-list"> <li class="ui-footer__menu-list-item"> <div class="ui-footer__category">Compare</div> <ul> <li><a class="menu__link" href="/angular-compare">Angular Compare</a></li> <li><a class="menu__link" href="/blazor-compare">Blazor Compare</a></li> </ul> </li> </ul> </div> </div> <!-- Column 4 --> <div class="ui-footer__col-one-fourth ui-footer__col-block"> <div class="ui-footer__menu"> <ul class="ui-footer__menu-list"> <li class="ui-footer__menu-list-item"> <div class="ui-footer__category">Corporate</div> <ul> <li><a class="menu__link" href="/about-us">About Us</a></li> <li><a class="menu__link" href="/about-us/careers">Careers</a></li> <li><a class="menu__link" href="/legal/license">Legal</a></li> <li><a class="menu__link" href="/about-us/in-the-news">News & Events</a></li> <li><a class="menu__link" href="/about-us/alliances-partners">Partners</a></li> </ul> </li> </ul> </div> </div> </div> <!-- 21.25% --> <div class="ui-footer__newsletter-block ui-footer__newsletter-updated-block"> <div class="newsletter__form-alt bg--dark"> <div class="ui-footer-newsletter__header"> <div class="emphasize"><span class="display--block-lg display--block-md display--block-xs display--inline-block-xxs">The best blogs, whitepapers, and other </span><span class="newsletter-txt-rotate color--azure-radiance" data-period="2000" data-rotate="[ "development", "user experience", "low code", "team productivity" ]">development</span> resources</div> </div> <div class="newsletter__Form bg--dark text--align-left"> <div class="loader__container" style="min-height: 200px;"> <div class="loader loader--bar"></div> </div> <form id="lead-nl-form" class="lead-tracker-form ui-form ui-form--single-col" data-form-theme="" style="display: none;"> <div class="be-row be-wrap clearfix"> <div id="recaptchaError" class="field-validation-error-msg" style="display: none;">Unfortunately, Google has considered you a bot. If you have an account, please <a href="https://www.infragistics.com/login?ReturnUrl=http://www.infragistics.com/products/newsletter-signup" title="sign in" class="mchNoDecorate">sign in</a> to validate your status and fill form out again. Alternatively, please feel free to contact <a href="mailto:sales@infragistics.com" title="sales@infragistics.com" class="mchNoDecorate">sales@infragistics.com</a> to obtain the asset you were looking for or choose to schedule a demo of our products.</div> </div> <div class="be-row be-wrap clearfix"> <div class="one-col column-block clearfix ui-form__input-group"> <input placeholder="Your email address" id="Email" name="Email" class="sfInput required" aria-labelledby="lblEmail" type="email" data-val-length-max="60" data-val-length="Email cannot exceed 60 characters" style="cursor: auto; padding: 20px 15px; background: #FFF; border-radius: 5px; color: #555;"> <label id="lblEmail" for="Email" class="ui-form__label ui-form__label--required hidden">Email</label> </div> </div> <div class="be-row be-wrap clearfix" style="display:none;"> <div class="one-col column-block ui-form__input-group"> <input id="Country" name="Country" class="sfInput" aria-labelledby="lblCountry" type="text" value="" tabindex="-1" autocomplete="false"> <label id="lblCountry" for="Country" class="ui-form__label">Country</label> </div> </div> <div class="clearfix"></div> <div class="clear"></div> <div class="be-row be-wrap clearfix"> <div class="one-col column-block"> <label id="LblacceptGDPRFormSubmissionNL" for="acceptGDPRFormSubmissionNL" class="ui-form__checkbox-container ui-form__label"> <span id="LblacceptGDPRFormSubmissionNL" class="label__text"> I understand and agree to the terms of Infragisitcs' <a href="https://www.infragistics.com/legal/terms-of-use" title="Terms of Use" target="_blank" class="deemphasize">Terms of Use</a> and <a href="https://www.infragistics.com/legal/privacy" title="Privacy Policy" target="_blank" class="deemphasize">Privacy Policy</a> <br /><br /> This site is protected by reCATPTCHA and the Google <a href="https://policies.google.com/privacy?hl=en-US" title="Google Privacy Policy" target="_blank" rel="nofollow" class="deemphasize">Privacy Policy</a> and <a href="https://policies.google.com/terms?hl=en-US" title="Google Terms of Use" target="_blank" rel="nofollow" class="deemphasize">Terms of Use</a> apply </span> <input name="acceptGDPRFormSubmissionNL" id="acceptGDPRFormSubmissionNL" type="checkbox" value="yes" aria-required="true" aria-labelledby="LblacceptGDPRFormSubmissionNL" class=""> <div class="ui-form__checkbox" style="top: 5px; border-radius: 5px;"> </div> </label> </div> </div> <div class="be-row be-wrap clearfix newsletter__submit-btn-wrap"> <button id="submit" type="submit" class="ui-btn ui-btn--default ui-btn--sm" disabled="">SIGN ME UP!</button> </div> </form> <div class="thankyou__containerNL" style="display: none;"><strong class="emphasize" style="color:#fff;display:block;margin-bottom:5px;">Thank you for subscribing.</strong> Look for an email from <a href="mailto:team@Infragistics.com?subject=Questions about Newsletter">team@Infragistics.com</a> for the latest news for Developers, UX, and Business Teams.</div> </div> <script src="https://www.google.com/recaptcha/api.js?render=6Lc-MFAaAAAAAIWi7UOrSUfUZnVmDUSsXjzS4BgY"></script> <script defer src="/assets/scripts/sf.common.js"></script> <!-- <script defer src="/assets/scripts/leadTracker.js"></script> --> </div> </div> <script> // // LEAD TRACKER SCRIPT // var leadTrackerNL = {}; leadTrackerNL.ungate = function (displayGatedContentType) { var URI = document.baseURI.substring(document.baseURI.lastIndexOf('/') + 1), currentWhitepaperRaw = URI.indexOf('?') > 0 ? URI.substring(0, URI.indexOf('?')) : URI, currentWhitepaper = URI.lastIndexOf('#') > 0 ? currentWhitepaperRaw.replace('#', '') : currentWhitepaperRaw, fwp = (window.location.href.indexOf('fwp=') > -1) ? ((window.location.href.indexOf('fwp=0') > -1) ? 0 //fwp=0 : (window.location.href.indexOf('fwp=1') > -1) ? 1 //fwp=1 : false) : false, //fwp=false storedWhitepapers = JSON.parse(localStorage.getItem('IG-whitepapers')) || [], inStorage = (storedWhitepapers.indexOf(currentWhitepaper) !== -1) ? true : false; var gatedSection = document.getElementById('gated-content'), gatingArea = document.getElementById('gating-area'); // Show Gated Area and remove Form gatedSection.classList.remove('hidden'); gatedSection.classList.remove('d-none'); gatingArea.parentNode.removeChild(gatingArea); // bypass gate if (displayGatedContentType === 'bypass') return; // Set localStorage to remember if user filled whitepaper if (!inStorage) { storedWhitepapers.push(currentWhitepaper); localStorage.setItem('IG-whitepapers', JSON.stringify(storedWhitepapers)); } // Smooth Scroll behavior if (displayGatedContentType === 'smooth') { var offset = gatedSection.previousElementSibling.offsetTop, topOfElement = gatedSection.offsetTop - offset; window.scroll({ top: topOfElement, behavior: 'smooth' }); } //load b-lazy images - start var bLazy = new Blazy({ offset: 250, success: function (ele) { if ($(ele).hasClass('b-lazy-gifs')) { var gifSrc = $(ele).data('gif-src'), gifSrcSet = $(ele).data('gif-srcset'); $(ele).attr({ 'src': gifSrc, 'srcset': gifSrcSet }).removeAttr('data-gif-src data-gif-srcset'); } } }); //load b-lazy images - end }; leadTrackerNL.execute = function (settings) { // Shared Properties var productCode = settings.productCode, leadProductCode = settings.leadProductCode || productCode, // If leadProductCode exists, use value otherwise use main productCode redirectUrl = settings.redirectUrl, reaptchaKey = settings.reaptchaKey, zoomWebinarId = settings.zoomWebinarId || "", goalType = settings.googleEventType || "", goalLabel = settings.googleEventLabel || "", goalDownloadType = settings.googleEventTypeDownload || "", goalDownloadLabel = settings.googleEventLabelDownload || "", macroLang = settings.lang, // KO currently uses EN backend... we need to accomodate this formContainerId = settings.formContainerId, validationLang, recaptchaToken; // Language done in order... // Determine the language used for validation... en is the default if otherwise undefined if (igSfForms.errMsgs[macroLang]) { validationLang = macroLang; } else { validationLang = 'en'; } // Override macroLang if Korean, Portuguese, or Spanish if (macroLang.toLowerCase() === 'ko' || macroLang.toLowerCase() === "pt" || macroLang.toLowerCase() === "es") { macroLang = 'en'; } // Events $('#lead-nl-form #submit').click(function (e) { e.preventDefault(); // Ensure button can't be clicked twice $(this).attr('disabled', true); // Loop Through Required Inputs, Selects and TextAreas to validate var $form = $('#lead-nl-form'); var inputs = $form[0].querySelectorAll('input, select, textarea'); for (i = 0; i < inputs.length; i++) { if (inputs[i].type === 'email') { //igSfForms.sfUtils.validateEmail(inputs[i], validationLang, settings.prohibitFreeMail); igSfForms.sfUtils.validateEmail(inputs[i], validationLang); } else if (inputs[i].type === 'tel') { igSfForms.sfUtils.validatePhone(inputs[i], validationLang); } else if (inputs[i].type === 'url') { igSfForms.sfUtils.validateUrl(inputs[i], validationLang); } else if (inputs[i].type === 'text' || inputs[i].tagName.toLowerCase() === 'textarea' || inputs[i].tagName.toLowerCase() === 'select') { igSfForms.sfUtils.validateRequired(inputs[i], validationLang); } else if (inputs[i].type === 'checkbox') { igSfForms.sfUtils.validateCheckbox(inputs[i], validationLang, true); } else { igSfForms.sfUtils.validateLength(inputs[i], validationLang); } } var errors = $form[0].querySelectorAll('#lead-nl-form .fieldInvalid'); if (errors.length > 0) { // Errors Found errors[0].focus(); // Renable button after errors are found $(this).attr('disabled', false); } else { // No Errors Found // Determine which macro is being used to know what APIs to call if (leadTrackerFormUtility) { // Check reCaptcha grecaptcha.ready(function () { grecaptcha.execute(reaptchaKey, { action: 'leadEvent' }).then(function (token) { if (token) { // store recaptcha token recaptchaToken = token; submitLeadTrackingForm(); } else { // TODO: Render error message $('#lead-nl-form #recaptchaError').css({ 'display': 'block' }); } }); }); } if (leadTrackerDownloadFormUtility) { grecaptcha.ready(function () { grecaptcha.execute(reaptchaKey, { action: 'downloadEvent' }).then(function (token) { if (token) { // store recaptcha token recaptchaToken = token; submitDownloadLeadTrackingForm(); } else { // TODO: Render error message $('#lead-nl-form #recaptchaError').css({ 'display': 'block' }); } }); }); } } }); // Functions function renderForm() { //if (settings.prohibitFreeMail) { // igSfForms.sfUtils.initEmailDomainProhibitList(); //} var $form = $('#lead-nl-form'); $form.find('input, textarea').keyup(igSfForms.sfUtils._debounce(function (e) { if ([9, 13, 16, 17, 20, 27, 144].indexOf(e.keyCode) <= -1) { //igSfForms.sfUtils.validateEmail(this, validationLang, settings.prohibitFreeMail); igSfForms.sfUtils.validateEmail(this, validationLang); igSfForms.sfUtils.validatePhone(this, validationLang); igSfForms.sfUtils.validateUrl(this, validationLang); igSfForms.sfUtils.validateLength(this, validationLang); igSfForms.sfUtils.validateRequired(this, validationLang); } }, 500)); $form.find('input, textarea, select').blur(function () { //igSfForms.sfUtils.validateEmail(this, validationLang, settings.prohibitFreeMail); igSfForms.sfUtils.validateEmail(this, validationLang); igSfForms.sfUtils.validatePhone(this, validationLang); igSfForms.sfUtils.validateUrl(this, validationLang); igSfForms.sfUtils.validateLength(this, validationLang); igSfForms.sfUtils.validateRequired(this, validationLang); igSfForms.sfUtils.validateCheckbox(this, validationLang, true); }); $form.find('select').change(function () { igSfForms.sfUtils.validateRequired(this, validationLang); igSfForms.sfUtils.validateCheckbox(this, validationLang, true); }); $form.closest('.newsletter__Form').find('.loader__container').fadeOut(300, function () { $(this).remove(); $('#lead-nl-form').fadeIn(300); }); //Disable submit if required checkbox is present $form.find('input[id=acceptGDPRFormSubmissionNL]').change(function (e) { igSfForms.sfUtils.validateCheckbox(this, validationLang, true); //Enable-Disable submit button $form[0].querySelector('button[type="submit"]').disabled = this.checked ? 0 : 1; }); } if ($('#acceptGDPRFormSubmissionNL').prop('checked')) { $('#submit').attr('disabled', false); } function submitLeadTrackingForm() { var eventTypeParam, eventDetailParam; // Override some params with the macro value, if set if (settings.eventTypeParam) { eventTypeParam = settings.eventTypeParam; } if (settings.eventDetailParam) { eventDetailParam = settings.eventDetailParam; } submitLead(eventTypeParam, eventDetailParam, false); } function submitDownloadLeadTrackingForm() { // Set params default values var eventTypeParam = `${productResource?.type} Download`, eventDetailParam = productResource?.name; // Override some params with the macro value, if set if (settings.eventTypeParam) { eventTypeParam = settings.eventTypeParam; } if (settings.eventDetailParam) { eventDetailParam = settings.eventDetailParam; } submitLead(eventTypeParam, eventDetailParam, true); } function _readCookie(name) { name = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) === ' ') c = c.substring(1, c.length); if (c.indexOf(name) === 0) return c.substring(name.length, c.length); } return null; }; // TODO: Add GCLID for Google Ads offline tracking function _populateUtmFields(leadInfo) { var utms = ['source', 'medium', 'campaign', 'term', 'gclid'], cookieKey = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'gclid'], i = 0, utmVal = ""; for (i; i < utms.length; i++) { utmVal = _readCookie(cookieKey[i]); if (!utmVal) { utmVal = ""; } // If utm value not found, reset to empty leadInfo["Tracking" + (utms[i].charAt(0).toUpperCase() + utms[i].slice(1))] = utmVal; } return leadInfo; } function _collectAdditionalFormData() { var leadFields = $("#lead-nl-form").serializeArray(), additionalFields = {}; for (var i = 0; i < leadFields.length; i++) { // Avoiding adding if value is empty and is either email or request demo if (leadFields[i].name !== "Email" && leadFields[i].name !== "RequestDemo" && leadFields[i].value !== "") { if (additionalFields.hasOwnProperty(leadFields[i].name)) { additionalFields[leadFields[i].name] += ", " + leadFields[i].value; } else { additionalFields[leadFields[i].name] = leadFields[i].value; } } } return additionalFields; } function submitLead(eventTypeParam, eventDetailParam, includeDownload = false) { // Get form data var trackingDataRequest = { recaptchaToken: recaptchaToken, zoomwebinarId: zoomWebinarId, email: $('#lead-nl-form #Email').val(), productCode: leadProductCode, eventType: eventTypeParam, eventDetail: eventDetailParam, productLanguage: macroLang, prohibitFreeMail: settings.prohibitFreeMail, acceptConditions: $('#acceptGDPRFormSubmissionNL').prop('checked'), additionalFields: _collectAdditionalFormData() }; if (settings.showRequestDemo) { trackingDataRequest.additionalFields.requestDemo = ($("#RequestDemo").is(':checked')) ? true : false; } // Get UTM params trackingDataRequest.additionalFields = _populateUtmFields(trackingDataRequest.additionalFields); // $.ajax is used here instead of $.post so we can set the contentType. API doesn't know how to bind additional Fields // when $.post defaults the contentType to encodedURI $.ajax({ type: "POST", url: `${window.location.protocol}//${window.location.hostname}/api/leadtrackingevents/track`, data: JSON.stringify(trackingDataRequest), success: function (trackingId) { var timeOut = 0; if (goalType !== "" && goalLabel !== "") { // X-Domain Conversion Tracking dataLayer.push({ 'event': 'trackGoal', 'goalType': goalType, 'goalLabel': goalLabel }); timeOut = (navigator.userAgent.indexOf('Firefox') !== -1) ? 200 : 0; } if (settings.macro === "SEOWhitepaperLeadTracker") { leadTrackerNL.ungate("smooth"); } // Initiate download only if needed else if (includeDownload) { // Redirect to thank you page only if available if (redirectUrl) { setTimeout(function () { redirectToThankYouPage(trackingId); }, timeOut); } else { // Otherwise we should render the thank you message and initiate the download on the currently page renderThankYouMessage(); initDownload(trackingId); } } else { // If general lead tracker if (redirectUrl) { setTimeout(function () { redirectToThankYouPage(); }, timeOut); } else { // Otherwise we should render the thank you message and initiate the download on the currently page renderThankYouMessage(); } } }, error: function (jqXHR, textStatus, errorThrown) { $('#lead-nl-form .field-validation-error-msg').css({ 'display': 'none' }); if (jqXHR.status === 400) { var sOffset = $('#hello-bar').outerHeight() + $('#header.globalnav').outerHeight(); if (jqXHR.responseJSON.message === "User didn't accept lead form conditions") { $('#lead-nl-form #formInvalidConditionForm').css({ 'display': 'block' }); } if (jqXHR.responseJSON.message === "Invalid email") { $('#lead-nl-form #formInvalidEmail').css({ 'display': 'block' }); $('#lead-nl-form #Email').addClass('fieldInvalid'); } if (jqXHR.responseJSON.message === "This form doesn't accept free emails") { $('#lead-nl-form #formInvalidFreeEmail').css({ 'display': 'block' }); $('#lead-nl-form #Email').addClass('fieldInvalid'); } if (jqXHR.responseJSON.message === "Recaptcha unsuccessful") { $('#lead-nl-form #recaptchaError').css({ 'display': 'block' }); } if (jqXHR.responseJSON.message === "Required registrant information not provided") { $('#lead-nl-form #zoomRequiredFields').css({ 'display': 'block' }); } // 429 if (jqXHR.responseJSON.message === "Daily Quota Reached") { $('#lead-nl-form #zoomAlreadyRegisterLimit').css({ 'display': 'block' }); } // 3027 if (jqXHR.responseJSON.message == "Host Cannot Register") { $('#lead-nl-form #zoomHostNoRegister').css({ 'display': 'block' }); } // 3030 if (jqXHR.responseJSON.message == "Webinar Over") { $('#lead-nl-form #zoomWebinarOver').css({ 'display': 'block' }); } // 300 || 3000 || 3001 || 3034 || 3075 if (jqXHR.responseJSON.message == "Zoom General Error") { $('#lead-nl-form #zoomGeneralErrors').attr("data-zoom-error", exceptionMsg.code).css({ 'display': 'block' }); } $('body, html').animate({ scrollTop: $('.lead-tracker-form').offset().top - sOffset }, 'slow'); $('#lead-nl-form.lead-tracker-form #submit').attr('disabled', false); } }, contentType: 'application/json', dataType: 'json' }); } function initDownload(trackingId) { // Create InitiateDownloadRequest payload var initiateDownloadRequest = { leadTrackingEventId: trackingId }; if (goalDownloadType !== "" && goalDownloadLabel !== "") { dataLayer.push({ 'event': 'trackGoal', 'goalType': goalDownloadType, 'goalLabel': goalDownloadLabel }); } // Post the request to initiate the download $.post(`${window.location.protocol}//${window.location.hostname}/api/productresources/${productResource.id}/initiatedownload`, initiateDownloadRequest, function (downloadUrl) { // Start download document.location = downloadUrl; }); } function renderThankYouMessage() { // Hide the form and render Thank You Message var selector = (formContainerId) ? formContainerId : 'lead-nl-form'; if (formContainerId && formContainerId !== 'lead-nl-form') { $('.thankyou__containerNL').insertBefore('#' + selector); $('#' + selector).attr({ 'style': 'display:none!important;' }); } else { $('#' + selector).hide(); } $('.thankyou__containerNL').show(); } function redirectToThankYouPage(trackingId) { if (trackingId) { // Stores necessary params to temp local storage var initDownloadParams = { productResourceId: productResource?.id, downloadUrl: settings.downloadUrl, leadTrackingEventId: trackingId, ga: { goalType: goalDownloadType, goalLabel: goalDownloadLabel } }; // Set local storage var initDownloadParamsJson = JSON.stringify(initDownloadParams); sessionStorage.setItem('initDownloadParams', initDownloadParamsJson); } // Redirect to thank you page document.location = redirectUrl; } // // FORM UTILITIES // Determine which macro is being used and define specific props and initialize utility if (settings.macro === 'LeadTracker' || settings.macro === 'SEOWhitepaperLeadTracker' || settings.macro === 'WebinarLeadTracker') { var leadTrackerFormUtility = {}; leadTrackerFormUtility.init = function () { renderForm(); }; leadTrackerFormUtility.init(); } if (settings.macro === 'DownloadLeadTracker') { var leadTrackerDownloadFormUtility = {}, productResource; leadTrackerDownloadFormUtility.init = function () { // Get the product resource object(s) via product code var packageName = settings.packageName, productResourceType = settings.productResourceType, productLanguage = macroLang, osSupport = settings.osSupport, installerType = settings.installerType, versionCode = new URLSearchParams(window.location.search).get('vc') ?? "", singleResult = true; // If we know the ProductResource is for a trial with the versionCode in the queryString, we don't need a packageName if (versionCode && productResourceType === 'trial') { packageName = ""; } // Construct the Url const params = { productCode, productLanguage, versionCode, packageName, productResourceType, osSupport, installerType, singleResult }; var queryParams = new URLSearchParams(params); const url = `${window.location.protocol}//${window.location.hostname}/api/productresources?${queryParams}`; $.getJSON(url, function (productResources) { //Ensure there's only one product resource, else return error if (productResources.length > 1) { window.location.href = '/error'; } productResource = productResources[0]; // Once all custom logic is complete, render the form renderForm(); }).fail(function (jqxhr, textStatus, error) { if (jqxhr.status === 404) { window.location.href = '/not-found'; } else { window.location.href = '/error'; } }); }; // If we already have the downloadURL from the Macro, let's bypass requesting it from the api if (!settings.downloadUrl) { leadTrackerDownloadFormUtility.init(); } else { renderForm(); } } }; /* typewriter script */ var TxtRotate = function(el, toRotate, period) { this.toRotate = toRotate; this.el = el; this.loopNum = 0; this.period = parseInt(period, 10) || 2000; this.txt = ''; this.tick(); this.isDeleting = false; }; TxtRotate.prototype.tick = function() { var i = this.loopNum % this.toRotate.length; var fullTxt = this.toRotate[i]; if (this.isDeleting) { this.txt = fullTxt.substring(0, this.txt.length - 1); } else { this.txt = fullTxt.substring(0, this.txt.length + 1); } this.el.innerHTML = '<span class="wrap">'+this.txt+'</span>'; var that = this; var delta = 300 - Math.random() * 100; if (this.isDeleting) { delta /= 2; } if (!this.isDeleting && this.txt === fullTxt) { delta = this.period; this.isDeleting = true; } else if (this.isDeleting && this.txt === '') { this.isDeleting = false; this.loopNum++; delta = 500; } setTimeout(function() { that.tick(); }, delta); //requestAnimationFrame(that.tick()); }; window.addEventListener("load", function () { var elements = document.getElementsByClassName('newsletter-txt-rotate'); for (var i=0; i<elements.length; i++) { var toRotate = elements[i].getAttribute('data-rotate'); var period = elements[i].getAttribute('data-period'); if (toRotate) { new TxtRotate(elements[i], JSON.parse(toRotate), period); } } //leadTracker Settings var settings = { macro: 'LeadTracker', lang: 'en', reaptchaKey: '6Lc-MFAaAAAAAIWi7UOrSUfUZnVmDUSsXjzS4BgY', redirectUrl: '', thankYouMessage: '<strong class="emphasize" style="color:#fff;display:block;margin-bottom:5px;">Thank you for subscribing.</strong>Look for an email from <a href="mailto:team@Infragistics.com?subject=Questions about Newsletter">team@Infragistics.com</a> for the latest news for Developers,UX,and Business Teams.', productCode: '91', leadProductCode: '', packageName: '', productResourceType: '', osSupport: '', installerType: '', eventTypeParam: 'form submit', eventDetailParam: 'news letter signup', prohibitFreeMail: false, showRequestDemo: false, googleEventType: 'Form Submit', googleEventLabel: 'Newsletter Signup', googleEventTypeDownload: '', googleEventLabelDownload: '', honeypot: 'Country' }; leadTrackerNL.execute(settings); }); </script> </div> <div class="ui-footer__wrap ui-footer--clearfix ui-footer--legal" style="text-align: center;"> <div class="ui-footer__menu"> <ul class="ui-footer__menu-list"> <li class="ui-footer__menu-list-item display--inline-block" style="margin: 0 8px;"><a class="menu__link" style="display: inline-block;" href="/legal/privacy">Privacy Policy</a><span style="font-size: 10px; color: rgba(255,255,255,0.4); display: inline-block; margin-left: 4px;">(updated)</span></li> <li class="ui-footer__menu-list-item display--inline-block" style="margin: 0 8px;"><a class="menu__link" href="/legal/cookie-policy">Cookies</a></li> <li class="ui-footer__menu-list-item display--inline-block" style="margin: 0 8px;"><a class="menu__link" style="display: inline-block;" href="/legal/terms-of-use">Terms of Use</a><span style="font-size: 10px; color: rgba(255,255,255,0.4); display: inline-block; margin-left: 4px;">(updated)</span></li> </ul> <div style="margin-top: 15px;"><img title="I.S. Partners SOC2 SEAL" src="https://static.infragistics.com/marketing/Website/shared/Seal-SOC2.png" alt="I.S. Partners SOC2 SEAL" width="32" height="32"> <img title="GDPR SEAL" src="https://static.infragistics.com/marketing/slingshot/security/gdpr-badge.svg" alt="GDPR SEAL" width="35" height="35"><img title="IS Partners LLC" src="https://static.infragistics.com/marketing/Website/shared/SOC2-badge.svg" alt="IS Partners LLC" width="35" height="35"></div> </div> </div> </footer> <footer id="footer"> <div id="footer-wrap" class="be-wrap clearfix"> <div id="copyright">© Copyright 2025 INFRAGISTICS. All Rights Reserved</div> </div> </footer> </div> <div class="bubblingG loader page-loader"> <span id="bubblingG_1"></span> <span id="bubblingG_2"></span> <span id="bubblingG_3"></span> </div> <a id="back-to-top" href="#"> <i class="font-icon icon-up-open-big"></i> <span class="hidden--visual">Back to top of page</span> </a> <script type='text/javascript'> window.addEventListener('load', function() { (function($) { var storiesSlider; function resizeStoriesSlider() { var h = storiesSlider.find('li.flex-active-slide').outerHeight(); storiesSlider.find('.flex-viewport').animate({'height' : h + 'px'}); } $('.flexslider--side-by-side').flexslider({ animation: 'fade', directionNav: false, touch: true, slideshow: true, smoothHeight: true, pauseOnAction : true, pauseOnHover: true, startAt: 0, start: function(slider){ $('.flex-control-nav a').attr('href', '#'); storiesSlider = slider; var current = storiesSlider.vars.startAt + 1, nxt_slide = current + 1, prev_slide = current - 1; storiesSlider.find('.loader').fadeOut('slow',function(){ $(this).remove(); }); storiesSlider .find('img:eq(' + current + '), img:eq(' + prev_slide + '), img:eq(' + nxt_slide + ')') .each(function(){ var src = $(this).attr('data-src'); var srcset = $(this).attr('data-srcset'); $(this).attr({'src': src, 'srcset': srcset}).on('load', function(){ resizeStoriesSlider(); }).removeAttr('data-src data-srcset'); }); setTimeout(function(){ storiesSlider.resize(); }, 1500); }, before: function(){ var slides = storiesSlider.slides, index = storiesSlider.animatingTo, $slide = $(slides[index]), $img = $slide.find('img[data-src]'), current = index + 1, nxt_slide = current + 1, prev_slide = current - 1, $this; storiesSlider.resize(); // Lazy Load current, next, and previous image $slide .parent() .find('img:eq(' + current + '), img:eq(' + prev_slide + '), img:eq(' + nxt_slide + ')') .each(function (i) { $this = $(this) if ($this.attr('data-src')) { var src = $this.attr('data-src'); var srcset = $this.attr('data-srcset'); $this.attr({'src': src, 'srcset': srcset}).on('load', function(){ resizeStoriesSlider(); }).removeAttr('data-src data-srcset'); } }); }, after: function() { Waypoint.refreshAll(); resizeStoriesSlider(); }, prevText: '', nextText: '' }); })(jQuery); }); </script> <script type='text/javascript'> /* typewriter script */ var TxtRotate = function(el, toRotate, period) { this.toRotate = toRotate; this.el = el; this.loopNum = 0; this.period = parseInt(period, 10) || 2000; this.txt = ''; this.tick(); this.isDeleting = false; }; TxtRotate.prototype.tick = function() { var i = this.loopNum % this.toRotate.length; var fullTxt = this.toRotate[i]; if (this.isDeleting) { this.txt = fullTxt.substring(0, this.txt.length - 1); } else { this.txt = fullTxt.substring(0, this.txt.length + 1); } this.el.innerHTML = '<span class="wrap">'+this.txt+'</span>'; var that = this; var delta = 300 - Math.random() * 100; if (this.isDeleting) { delta /= 2; } if (!this.isDeleting && this.txt === fullTxt) { delta = this.period; this.isDeleting = true; } else if (this.isDeleting && this.txt === '') { this.isDeleting = false; this.loopNum++; delta = 500; } setTimeout(function() { that.tick(); }, delta); //requestAnimationFrame(that.tick()); }; window.addEventListener('load', function(){ var elements = document.getElementsByClassName('txt-rotate'); //Activate typewriter only for EN - start if (document.documentElement.lang == 'en') { for (var i=0; i<elements.length; i++) { var toRotate = elements[i].getAttribute('data-rotate'); var period = elements[i].getAttribute('data-period'); if (toRotate) { new TxtRotate(elements[i], JSON.parse(toRotate), period); } } } //Activate typewriter only for EN - end (function(){ var productSlider; function resizeProductSlider() { var h = productSlider.find('li.flex-active-slide').outerHeight(); productSlider.find('.flex-viewport').animate({'height' : h + 'px'}); } $('[data-flexslider-theme="slidernav-logos"] .flexslider').flexslider({ animation: 'slide', slideshow: false, smoothHeight: true, directionNav: false, controlNav: false, manualControls: ".flex-control-nav li", start: function(slider){ productSlider = slider; var current = productSlider.vars.startAt + 1, nxt_slide = current + 1, prev_slide = current - 1, $flexcontainer = productSlider.parents('.flexslider__container'); // NAV HTML IS IN HTML $flexcontainer.find('.flex-control-nav li:eq(' + (current - 1) + ')').addClass('flex-active_c'); $flexcontainer.find('.flex-control-nav').on('click', 'li', function(e){productSlider.flexslider($(this).data('action'));}); // END NAV HTML IS IN HTML productSlider.find('.loader').fadeOut('slow',function(){ $(this).remove(); }); productSlider.find('img:eq(' + current + '), img:eq(' + prev_slide + '), img:eq(' + nxt_slide + ')') .each(function(){ var src = $(this).attr('data-src'); var srcset = $(this).attr('data-srcset'); $(this).attr({'src': src, 'srcset': srcset}).on('load', function(){ resizeProductSlider(); }).removeAttr('data-src data-srcset'); }); productSlider.resize(); }, before: function(slider) { console.log('before slide change'); var slides = productSlider.slides, index = productSlider.animatingTo, $slide = $(slides[index]), current = index + 1, nxt_slide = current + 1, prev_slide = current - 1, $this; productSlider.resize(); // Lazy Load current, next, and previous image $slide .parent() .find('img:eq(' + current + '), img:eq(' + prev_slide + '), img:eq(' + nxt_slide + ')') .each(function (i) { $this = $(this) if ($this.attr('data-src')) { var src = $this.attr('data-src'); var srcset = $this.attr('data-srcset'); $this.attr({'src': src, 'srcset': srcset}).on('load', function(){ resizeProductSlider(); }).removeAttr('data-src data-srcset'); } }); productSlider.parents('.flexslider__container').find('.flex-control-nav li').removeClass('flex-active_c').eq(slider.animatingTo).addClass('flex-active_c'); }, after: function($slider) { Waypoint.refreshAll(); resizeProductSlider(); } }); })(); }); </script> <script type='text/javascript'> function handleCrazyEggBarAdjustments(){ setTimeout(function(){ //console.log('1'); var crazyEggBar = document.querySelector('crazyegg-cta'); var switchPoit; if (!!crazyEggBar) { //console.log('2'); var switchPoit = (window.innerWidth <= 767) ? false : true; var crazyEggAreaHeight = crazyEggBar.shadowRoot.querySelector('#main').offsetHeight; var navContainer = document.getElementById('header-wrap'); if ( (navContainer.classList.contains('stuck') && (switchPoit) ) ){ navContainer.style.top = crazyEggAreaHeight+'px'; } //console.log('3'); } else { //console.log('4'); return; } }, 2000); } window.addEventListener('load', handleCrazyEggBarAdjustments(), false); window.addEventListener('resize', handleCrazyEggBarAdjustments(), true); </script> <script type='text/javascript'> /* window.addEventListener('load', function() { if($('#header-wrap').parents('.sticky-wrapper').length <= 0) { igNavigation.init(); //IG - Nav V3 } }, {once: true}); */ document.addEventListener('DOMContentLoaded', function() { var headerWrap = document.getElementById('header-wrap'); // Check if igNavigation exists before executing it var checkIgNavigation = setInterval(function() { if (typeof igNavigation !== 'undefined') { if (headerWrap && !headerWrap.closest('.sticky-wrapper')) { igNavigation.init(); } clearInterval(checkIgNavigation); } }, 100); // Check every 100 milliseconds }); </script> <script type='text/javascript'> window.addEventListener('load', function() { if($('#header-wrap').parents('.sticky-wrapper').length <= 0) { igNavigation.init(); } }, {once: true}); </script> <script type='text/javascript'> (function(){ 'use strict'; var //cookieVal = '201806', $gdprMsg = document.getElementById('gdpr'), headerWrapHeight = (document.getElementById('header-wrap')) ? document.getElementById('header-wrap').offsetHeight : 0, //breakPoint = headerWrapHeight, docBody = document.documentElement || document.body.parentNode || document.body; // function readGDPR(name) { // var name = name + '='; // var ca = document.cookie.split(';'); // for(var i=0;i < ca.length;i++) { // var c = ca[i]; // while (c.charAt(0)==' ') c = c.substring(1,c.length); // if (c.indexOf(name) == 0) return c.substring(name.length,c.length); // } // return null; // } // function stickyGDPR(hello) { // if (scrollTop > breakPoint) { // $gdprMsg.style.position = 'fixed'; // } else if (scrollTop <= breakPoint) { // $gdprMsg.style.position = ''; // } // } function adjustGDPRMsg(event){ var hasOffset = window.pageYOffset !== undefined; //var scrollTop = hasOffset ? window.pageYOffset : docBody.scrollTop; // cross-browser compatible scrollTop // if ( (!readGDPR('IG_GDPRMessage')) && event.type === 'load' || (readGDPR('IG_GDPRMessage') !== cookieVal) && event.type === 'load' ) { // $gdprMsg.style.display = 'block'; // } // if (window.innerWidth <= 960) { // //$gdprMsg.classList.add('gdpr-block-sticky'); // //stickyGDPR('hello'); // $gdprMsg.style.position = 'fixed'; // if(scrollTop <= headerWrapHeight){ // $gdprMsg.style.top = (headerWrapHeight - scrollTop) + 'px'; // } else { // $gdprMsg.style.top = 0; // } // } else { // $gdprMsg.classList.add('p-fixed'); // $gdprMsg.style.removeProperty('top'); // } $gdprMsg.style.display = 'block'; //show consent container //Interrupt the script in case GDPR is not displayed or add listeners for position adjustment if(window.getComputedStyle($gdprMsg).display !== 'block'){ // window.removeEventListener('resize', adjustGDPRMsg); // window.removeEventListener('scroll', adjustGDPRMsg); return; } else { // window.addEventListener('resize', adjustGDPRMsg); // window.addEventListener('scroll', adjustGDPRMsg); } } // document.getElementById('gdpr_accept').addEventListener('click', function(e){ // //document.cookie = 'IG_GDPRMessage='+cookieVal+'; expires=Fri, 31 Dec 9999 23:59:59 GMT; path= /'; // //$gdprMsg.style.display = 'none'; // window.removeEventListener('resize', adjustGDPRMsg); // window.removeEventListener('scroll', adjustGDPRMsg); // $gdprMsg.parentNode.removeChild($gdprMsg); // window.dataLayer = window.dataLayer || []; // window.dataLayer.push({ // 'event': 'trackGoal', // 'goalType': 'GDPR', // 'goalLabel': 'Accept | GDPR Banner' // }); // }); function hideBanner() { $gdprMsg.style.display = 'none'; } function show_consent_settings() { document.getElementById('consent-summary').style.display = 'none'; document.getElementById('consent-options').style.display = 'block'; } if (localStorage.getItem('IGconsentMode') === null) { //trigger adjustGDPRMsg to show the consent container window.addEventListener('load', adjustGDPRMsg); //"More settings" click document.getElementById('gdpr_settings').addEventListener('click', function(e) { show_consent_settings(); }); document.getElementById('gdpr_accept_all_ok').addEventListener('click', function(e) { e.preventDefault(); setConsent({ necessary: true, functional: true, analytics: true, advertising: true }); hideBanner(); }); document.getElementById('gdpr_accept_all').addEventListener('click', function(e) { e.preventDefault(); setConsent({ necessary: true, functional: true, analytics: true, advertising: true }); hideBanner(); }); document.getElementById('gdpr_accept_selection').addEventListener('click', function(e) { e.preventDefault(); setConsent({ necessary: true, functional: document.getElementById('acceptFunctionalCookies').checked, analytics: document.getElementById('acceptAnalyticsCookies').checked, advertising: document.getElementById('acceptAdvertisingCookies').checked }); hideBanner(); }); document.getElementById('gdpr_reject_all').addEventListener('click', function(e) { e.preventDefault(); setConsent({ necessary: true, functional: false, analytics: false, advertising: false }); hideBanner(); }); //document.getElementById('cookie-consent-banner').style.display = 'block'; } else { //console.log('IGconsentMode is set'); gtag('consent', 'update', JSON.parse( localStorage.getItem('IGconsentMode') )); } function setConsent(consent) { const consentMode = { 'functionality_storage': consent.necessary ? 'granted' : 'denied', 'security_storage': consent.necessary ? 'granted' : 'denied', 'ad_storage': consent.advertising ? 'granted' : 'denied', 'ad_user_data': consent.advertising ? 'granted' : 'denied', 'ad_personalization': consent.advertising ? 'granted' : 'denied', 'analytics_storage': consent.analytics ? 'granted' : 'denied', 'personalization_storage': consent.functional ? 'granted' : 'denied', }; gtag('consent', 'update', consentMode); localStorage.setItem('IGconsentMode', JSON.stringify(consentMode)); } })(); </script> <script type='text/javascript'> (function(){ 'use strict'; var //cookieVal = '201806', $gdprMsg = document.getElementById('gdpr'), headerWrapHeight = (document.getElementById('header-wrap')) ? document.getElementById('header-wrap').offsetHeight : 0, //breakPoint = headerWrapHeight, docBody = document.documentElement || document.body.parentNode || document.body; // function readGDPR(name) { // var name = name + '='; // var ca = document.cookie.split(';'); // for(var i=0;i < ca.length;i++) { // var c = ca[i]; // while (c.charAt(0)==' ') c = c.substring(1,c.length); // if (c.indexOf(name) == 0) return c.substring(name.length,c.length); // } // return null; // } // function stickyGDPR(hello) { // if (scrollTop > breakPoint) { // $gdprMsg.style.position = 'fixed'; // } else if (scrollTop <= breakPoint) { // $gdprMsg.style.position = ''; // } // } function adjustGDPRMsg(event){ var hasOffset = window.pageYOffset !== undefined; //var scrollTop = hasOffset ? window.pageYOffset : docBody.scrollTop; // cross-browser compatible scrollTop // if ( (!readGDPR('IG_GDPRMessage')) && event.type === 'load' || (readGDPR('IG_GDPRMessage') !== cookieVal) && event.type === 'load' ) { // $gdprMsg.style.display = 'block'; // } // if (window.innerWidth <= 960) { // //$gdprMsg.classList.add('gdpr-block-sticky'); // //stickyGDPR('hello'); // $gdprMsg.style.position = 'fixed'; // if(scrollTop <= headerWrapHeight){ // $gdprMsg.style.top = (headerWrapHeight - scrollTop) + 'px'; // } else { // $gdprMsg.style.top = 0; // } // } else { // $gdprMsg.classList.add('p-fixed'); // $gdprMsg.style.removeProperty('top'); // } $gdprMsg.style.display = 'block'; //show consent container //Interrupt the script in case GDPR is not displayed or add listeners for position adjustment if(window.getComputedStyle($gdprMsg).display !== 'block'){ // window.removeEventListener('resize', adjustGDPRMsg); // window.removeEventListener('scroll', adjustGDPRMsg); return; } else { // window.addEventListener('resize', adjustGDPRMsg); // window.addEventListener('scroll', adjustGDPRMsg); } } // document.getElementById('gdpr_accept').addEventListener('click', function(e){ // //document.cookie = 'IG_GDPRMessage='+cookieVal+'; expires=Fri, 31 Dec 9999 23:59:59 GMT; path= /'; // //$gdprMsg.style.display = 'none'; // window.removeEventListener('resize', adjustGDPRMsg); // window.removeEventListener('scroll', adjustGDPRMsg); // $gdprMsg.parentNode.removeChild($gdprMsg); // window.dataLayer = window.dataLayer || []; // window.dataLayer.push({ // 'event': 'trackGoal', // 'goalType': 'GDPR', // 'goalLabel': 'Accept | GDPR Banner' // }); // }); function hideBanner() { $gdprMsg.style.display = 'none'; } function show_consent_settings() { document.getElementById('consent-summary').style.display = 'none'; document.getElementById('consent-options').style.display = 'block'; } if (localStorage.getItem('IGconsentMode') === null) { //trigger adjustGDPRMsg to show the consent container window.addEventListener('load', adjustGDPRMsg); //"More settings" click document.getElementById('gdpr_settings').addEventListener('click', function(e) { show_consent_settings(); }); document.getElementById('gdpr_accept_all_ok').addEventListener('click', function(e) { e.preventDefault(); setConsent({ necessary: true, functional: true, analytics: true, advertising: true }); hideBanner(); }); document.getElementById('gdpr_accept_all').addEventListener('click', function(e) { e.preventDefault(); setConsent({ necessary: true, functional: true, analytics: true, advertising: true }); hideBanner(); }); document.getElementById('gdpr_accept_selection').addEventListener('click', function(e) { e.preventDefault(); setConsent({ necessary: true, functional: document.getElementById('acceptFunctionalCookies').checked, analytics: document.getElementById('acceptAnalyticsCookies').checked, advertising: document.getElementById('acceptAdvertisingCookies').checked }); hideBanner(); }); document.getElementById('gdpr_reject_all').addEventListener('click', function(e) { e.preventDefault(); setConsent({ necessary: true, functional: false, analytics: false, advertising: false }); hideBanner(); }); //document.getElementById('cookie-consent-banner').style.display = 'block'; } else { //console.log('IGconsentMode is set'); gtag('consent', 'update', JSON.parse( localStorage.getItem('IGconsentMode') )); } function setConsent(consent) { const consentMode = { 'functionality_storage': consent.necessary ? 'granted' : 'denied', 'security_storage': consent.necessary ? 'granted' : 'denied', 'ad_storage': consent.advertising ? 'granted' : 'denied', 'ad_user_data': consent.advertising ? 'granted' : 'denied', 'ad_personalization': consent.advertising ? 'granted' : 'denied', 'analytics_storage': consent.analytics ? 'granted' : 'denied', 'personalization_storage': consent.functional ? 'granted' : 'denied', }; gtag('consent', 'update', consentMode); localStorage.setItem('IGconsentMode', JSON.stringify(consentMode)); } })(); </script> <script type='text/javascript'> //Disabling the Typewriter for other languages (function() { if (location.hostname !== 'www.infragistics.com' && location.hostname !== 'staging.infragistics.com') { var newEl = '<span class="color--azure-radiance">development</span>'; document.querySelector('.newsletter-txt-rotate').outerHTML = newEl; } })(); </script> </body> </html>