CINXE.COM

<!doctype html> <html id="html" lang="en"> <head> <meta charset="utf-8" /><script type="text/html" id="sf-tracking-consent-manager"> <div id="tracking-consent-dialog" style="display:none" /> </script><script type="text/javascript" src="/WebResource.axd?d=DzHrpQl5URXarFHAtrmzFpt6hpdYvmVwc29NQZNtMGYSoltUbAFJEjMHfeT-tzVeK6OZukCFlV6BUAzSF-hYBiteasUOhQP_tGcrTDu8m-w3KCOWNLkTXCR0J5idbgmxGzpR0EpgjCZ5_eBWd3lCL6thd1nxNHa5rJpeKjowO8ZlICp89mZWQ717VGriGsdw0&t=638412637900000000"> </script> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="shortcut icon" href="/favicon.ico?v=rebv1" /> <link href="https://dtzbdy9anri2p.cloudfront.net/cache/68cd73d1da7dfdf52c84f841ea1981f31d91ba44/telerik/css/code-block.css" rel="stylesheet" type="text/css"><link href="https://dtzbdy9anri2p.cloudfront.net/cache/96f6f06b026d9ce2d28359da3ac185a0419e72b5/telerik/css/style.css" rel="stylesheet" type="text/css"> <title> ASP.NET MVC UI Controls for Fast App Development | Telerik UI for ASP.NET MVC </title> <meta property="og:title" content="ASP.NET MVC UI Controls for Fast App Development | Telerik UI for ASP.NET MVC" /><meta property="og:description" content="Save development time while delivering rich and responsive apps with 100+ ASP.NET MVC UI controls. The Telerik UI framework will cover any possible app scenario." /><meta property="og:url" content="https://www.telerik.com/aspnet-mvc" /><meta property="og:type" content="website" /><meta property="og:site_name" content="Telerik.com" /><style type="text/css" media="all">@keyframes fade-in { 0 { opacity: 0 } 100% { opacity: 1 } } .DC-scroller { position: fixed; z-index: 9999999; top: 50%; transform: translateY(-50%); left: 40px; backface-visibility: hidden; transition: opacity .3s; opacity: 0; animation: fade-in .8s forwards 1s } .DC-scroller a:not(.Btn) { display: inline-block; float: left; font: 600 13px/1.3 Metric, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 1px !important; color: #fff; padding: 3px 10px; border-radius: 15px; border: 1px solid transparent; margin-bottom: 10px; transition: all .3s } .DC-scroller a { clear: both;} .DC-scroller a.is-active { color: #fff } .DC-scroller a:hover { text-decoration: underline; } .DC-scroller a.is-active { border-color: inherit } .DC-scroller a.is-active:hover { text-decoration: none; } #html body.is-scrolling { pointer-events: none } .DC-scroller.DC-scroller--light a { color: #3D57D8 } .DC-scroller.DC-scroller--light a.is-active { color: #000 } .DC-scroller.DC-scroller--light a:hover { text-decoration: underline; } .DC-scroller.DC-scroller--light a.is-active:hover { text-decoration: none; } #html .Btn--round2 { color: #fff !important; } .DC-scroller.is-paused a { color: #3D57D8; } .DC-scroller.is-paused a.is-active { color: #000 } @media (max-width:1560px) { .DC-scroller { display: none } } .DC-scroller .Btn--round2 { background-color: #eb0249; border-color: #eb0249; } .DC-scroller .Btn--round2:hover { background-color: #b90139; border-color: #b90139; text-decoration: none !important; } .TK-Nav {z-index: 99999999 !important;} [tabindex="-1"] { outline: 0; }</style><style type="text/css" media="all">.Section-bg--video video{max-height:72vw}@media screen and (max-width:1280px){.Section-bg--video video{max-height:84vw}}@media screen and (max-width:960px){.Section-bg--video video{max-height:none}}</style><style type="text/css" media="all">.overlay--herobanner:before{content:"";position:absolute;width:100%;height:100%;background-color:#06163e;opacity:.2;left:0;top:0}</style><style type="text/css" media="all">iframe#preview{width:calc(100% + 16px);max-width:1000px !important;background-color:#fff;height:566px;margin:-8px}.Tab-demo{overflow:hidden}.Tab-code,.Tab-demo{height:550px}.Accordion-media-wrap{height:auto !important}.Tab-demo.Tab-demo--Overlay button{display:block;position:absolute;top:42%;left:42%}.Tab-demo button{display:none}.Tab-demo--Overlay #preview{display:none}.Tab-demo.Tab-demo--Overlay{background-image:url('https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-mvc/components/grid-default.png?sfvrsn=96bb3601_8');background-repeat:no-repeat;position:relative;transition:all 200ms linear}.Tab-demo.Tab-demo--Overlay[data-widget=grid][data-theme=bootstrapv4]{background-image:url('https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-mvc/components/grid-bootstrap.png?sfvrsn=4c9893f_8')}.Tab-demo.Tab-demo--Overlay[data-widget=grid][data-theme=material]{background-image:url('https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-mvc/components/grid-material.png?sfvrsn=89b44561_8')}.Tab-demo[data-widget=gantt]{height:566px}.Tab-demo[data-widget=gantt] iframe#preview{height:582px}.Tab-demo.Tab-demo--Overlay[data-widget=gantt][data-theme=bootstrapv4]{background-image:url('https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-mvc/components/gantt-bootstrap.png?sfvrsn=214b415b_6')}.Tab-demo.Tab-demo--Overlay[data-widget=gantt][data-theme=material]{background-image:url('https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-mvc/components/gantt-material.png?sfvrsn=4e1fd61e_4')}.Tab-demo.Tab-demo--Overlay[data-widget=gantt]{background-image:url('https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-mvc/components/gantt-default.png?sfvrsn=155c47b0_6')}.Tab-demo[data-widget=tilelayout]{height:529px}.Tab-demo.Tab-demo--Overlay[data-widget=tilelayout][data-theme=bootstrapv4]{background-image:url('https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-mvc/components/tilelayout-bootstrap.png?sfvrsn=a9867eb9_6')}.Tab-demo.Tab-demo--Overlay[data-widget=tilelayout][data-theme=material]{background-image:url('https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-mvc/components/tilelayout-material.png?sfvrsn=91f5b5f5_6')}.Tab-demo.Tab-demo--Overlay[data-widget=tilelayout]{background-image:url('https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-mvc/components/tilelayout-default.png?v=2')}.Tab-demo[data-widget=editor]{height:568px}.Tab-demo[data-widget=editor] iframe#preview{height:601px}.Tab-demo.Tab-demo--Overlay[data-widget=editor]{background-image:url('https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-mvc/components/editor-default.png?v=2')}.Tab-demo.Tab-demo--Overlay[data-widget=editor][data-theme=bootstrapv4]{background-image:url('https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-mvc/components/editor-bootstrap.png?sfvrsn=ddd4a595_8')}.Tab-demo.Tab-demo--Overlay[data-widget=editor][data-theme=material]{background-image:url('https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-mvc/components/editor-material.png?sfvrsn=403e88ef_8')}.ninja-gradient-1{background-image:radial-gradient(circle at 50% 100%,rgba(44,130,240,.72) 0%,rgba(44,130,240,0) 67%)}body#telerik.sfPageEditor .u-dn.Tab-code{display:none !important}</style><style type="text/css" media="all">html body .tlrk{line-height:1.25}.sf_cols{width:100%}</style><meta name="twitter:title" content="ASP.NET MVC UI Controls for Fast App Development | Telerik UI for ASP.NET MVC" /><meta name="twitter:description" content="Save development time while delivering rich and responsive apps with 100+ ASP.NET MVC UI controls. The Telerik UI framework will cover any possible app scenario." /><meta name="twitter:url" content="https://www.telerik.com/aspnet-mvc" /><meta property="og:image" content="https://www.telerik.com/sfimages/default-source/logos/telerik1200x630.png" /><meta name="twitter:image" content="https://www.telerik.com/sfimages/default-source/logos/telerik1200x630.png" /><meta property="fb:app_id" content="472070859628573" /><meta name="twitter:site" content="@Telerik" /><meta name="twitter:creator" content="@Telerik" /><meta name="twitter:card" content="summary_large_image" /><script type="application/json" id="sf-insight-metadata"> {"contentMetadata":"{\"Id\":\"e2e254c2-59b1-429c-82c3-0c6f21b253bd\",\"ContentType\":\"Page\",\"Title\":\"ASP.NET MVC\",\"CanonicalTitle\":\"ASP.NET MVC\",\"DefaultLanguage\":\"en\",\"CreatedOn\":\"2013-11-12T16:38:08Z\",\"ModifiedOn\":\"2025-02-28T18:37:25Z\",\"SiteName\":\"TelerikCom\",\"PageHierarchies\":[{\"Id\":\"451aaf1f-83ab-4266-9e52-3fb08e90f187\",\"Title\":\"Telerik UI for ASP.NET MVC\",\"Parent\":{\"Id\":\"20ce8493-e2c1-4625-8f09-a2a99b6a96d9\",\"Title\":\"Products Taxonomy\"}}],\"PageId\":\"e2e254c2-59b1-429c-82c3-0c6f21b253bd\"}","videosMetadata":"[]"} </script><script type="application/json" id="sf-insight-settings"> {"apiServerUrl":"https://api.insight.sitefinity.com","apiKey":"76766c2b-82f4-2453-81e5-fd840f3b455b","applicationName":"TelerikCom","trackingCookieDomain":".telerik.com","keepDecTrackingCookieOnTrackingConsentRejection":false,"slidingExpirationForTrackingCookie":false,"maxAgeForTrackingCookieInDays":365,"trackYouTubeVideos":true,"crossDomainTrackingEntries":["store.progress.com","www.telerik.com"],"strategy":"Persist|False","docsHrefTestExpressions":[".*\\/docs\\/.+\\.{1}.+((\\?|\\\u0026)sfvrsn=.+){1}$",".+((\\?|\\\u0026)sf_dm_key=.+){1}$"]} </script><script type="text/javascript" src="/WebResource.axd?d=HtQyXelCu6mzSPcVcvK_BnBLuTvfT4YnhIxMh-5HvNKgqByRIHbbXoW-WLawts4Fh-UeZCJ3U3bxoGXTa9IeTV0YgoErORFnWeFm4Ee4GKMjgFOUUaD27X8_kP6MXFbUOYCXuGSyPJKcRpIAXeuKlNLzK7M8ff_SiSbDuCJrAGc7qHYMaATrTTzCQGFPIhXxUg-JFb_e0_0l8itIi7oyj_QLiEUjvHa-WpKcceSkwp41&t=638412637900000000"> </script><script src="https://cdn.insight.sitefinity.com/sdk/sitefinity-insight-client.min.3.1.13.js" crossorigin="" async="async"> </script><meta name="description" content="Save development time while delivering rich and responsive apps with 100+ ASP.NET MVC UI controls. The Telerik UI framework will cover any possible app scenario." /></head> <body id="telerik" class="telerik"> <script src='https://d6vtbcy3ong79.cloudfront.net/external-assets/1.0.27/utils/store-lead-data.min.js' type="text/plain" class="optanon-category-2"></script> <script defer async type="module" id="mjs-promotion-1"> const cdn = "https://d6vtbcy3ong79.cloudfront.net"; const id = "promotion-1"; const response = await fetch(`/webapi/Announcements/GetPromo?url=${window.location.href}`, { method: "GET", cache: "no-cache", }); const json = await response.json(); const model = json?.content; if (model) { let version = model.scriptVersion || "stable"; let stylesheet = cdn + "/sticky-notification/" + version + "/style.min.css"; let javascript = cdn + "/sticky-notification/" + version + "/index.min.mjs"; let cookieName = "promotion-" + model.id.replace("-", ""); let imageUrl = model.image || "https://d585tldpucybw.cloudfront.net/sfimages/default-source/ninjas/sticky-notification-illustration.svg"; let campaignName = model.campaignName || model.title; let html = model.htmlRawContent; let button = `<div><a class='tsn__cta-button' href='${model.ctaUrl}'>${model.ctaText}</a></div>`; if (model.ctaText && model.ctaUrl) { html += button; } function track(eventType) { try { if (!OptanonActiveGroups) { return; } } catch (e) { return; } if (!OptanonActiveGroups.includes("2")) { return; } window.dataLayer = window.dataLayer || []; let banner = document.querySelector(`.tsn--${id}`); let bannerType = "Right Side Banner"; let bannerTopic = campaignName; let bannerExpandEventName = "Popup Banner Expand"; let bannerCollapseEventName = "Popup Banner Collapse"; let bannerImpressionEventName = "Popup Banner Impression"; let bannerCtaClickEventName = "Popup Banner CTA Click"; let bannerExpandedState = "expanded"; let bannerCollapsedState = "collapsed"; if (eventType === "impression") { dataLayer.push({ event: bannerImpressionEventName, state: banner.classList.contains("tsn--is-expanded") ? bannerExpandedState : bannerCollapsedState, type: bannerType, promoting: bannerTopic }); } if (eventType === "expand") { dataLayer.push({ event: bannerExpandEventName, type: bannerType, promoting: bannerTopic }); } if (eventType === "collapse") { dataLayer.push({ event: bannerCollapseEventName, type: bannerType, promoting: bannerTopic }); } if (eventType === "cta-click") { dataLayer.push({ event: bannerCtaClickEventName, type: bannerType, promoting: bannerTopic, ctaLandingPage: window.location.href }); } } async function importStyles(stylesheetUrl) { return new Promise((resolve, reject) => { const link = document.createElement("link"); link.id = `css-${id}`; link.rel = "stylesheet"; link.type = "text/css"; link.href = stylesheetUrl; link.addEventListener("load", resolve); link.addEventListener("error", reject); document.body.append(link); }); } async function initPromotion() { const [{ StickyNotification }] = await Promise.all([ import(javascript), importStyles(stylesheet), ]); StickyNotification.create({ autoShow: true, autoExpand: true, autoCollapse: false, label: model.label, title: model.title, content: html, image: imageUrl, imageAlt: model.imageAltText, useImageAsBanner: model.useImageAsHero, useAltExpandButton: false, useAuth: model.isPersonalized, useCookie: true, cookieName: cookieName, modifierClass: `tsn--${id}`, onReady: () => track("impression"), onCtaClick: () => track("cta-click"), onManualExpand: () => track("expand"), onManualCollapse: () => track("collapse"), }); } requestAnimationFrame(initPromotion); } </script> <link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.7/css/metric.min.css" as="style" media="(min-width: 621px)"><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.7/metric/Metric-Light.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.7/metric/Metric-Medium.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.7/metric/Metric-Regular.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.7/metric/Metric-Semibold.woff2" as="font" crossorigin="anonymous" media="(min-width: 621px)"><link rel="preload" href="https://d6vtbcy3ong79.cloudfront.net/telerik-navigation/3.5.76/css/index.min.css" as="style"><style id="js-tlrk-nav-inline-styles">.TK-Nav--Loading,.TK-Nav--Loading *{box-sizing:border-box}.TK-Nav--Loading{overflow:hidden;background:#fff;font-family:Metric}.TK-Nav--Loading>.TK-Bar{overflow:hidden;background:#fff}.TK-Nav--Loading .TK-container{max-width:1230px;margin:0 auto;padding:0 30px}.TK-Nav--Loading .TK-TLRK-Brand{margin:0}.TK-Nav--Loading .TK-Dropdown,.TK-Nav--Loading .TK-Nav-Overlay,.TK-Nav--Loading .TK-Print{display:none}.TK-Nav--Loading .TK-Context-Menu,.TK-Nav--Loading .TK-Products-Menu-Item-Button{visibility:hidden}@media only screen and (min-width:1240px){.TK-Nav--Loading,.TK-Nav--Loading>.TK-Bar{height:60px}}@media only screen and (max-width:1239px){.TK-Nav--Loading,.TK-Nav--Loading>.TK-Bar{height:45px}}@media only screen and (max-width:1229px){.TK-Nav--Loading .TK-container{padding:0 20px}}</style><link rel="stylesheet" type="text/css" href="https://d6vtbcy3ong79.cloudfront.net/fonts/2.2.7/css/metric.min.css" id="js-tlrk-nav-metric" class="is-loading" onload="this.classList.remove('is-loading')" onerror="this.classList.remove('is-loading')"><link rel="stylesheet" type="text/css" href="https://d6vtbcy3ong79.cloudfront.net/telerik-navigation/3.5.76/css/index.min.css" id="js-tlrk-nav-styles" class="is-loading" onload="this.classList.remove('is-loading')" onerror="this.classList.remove('is-loading')"><nav id="js-tlrk-nav" class="TK-Nav TK-Nav--Shadow TK-Nav--Loading" data-tlrk-nav-version="3.5.76" data-tlrk-nav-template="nav-asp-net-mvc-csa-rel-component"><section class="TK-Bar"><div class="TK-container TK-Bar-container"><figure class="TK-TLRK-Brand"><a href="#skip-to-content" id="js-tlrk-skip-link" class="TK-Skip-Link">skip navigation</a> <a href="/" class="TK-TLRK-Logo" aria-label="Go to Homepage"><svg xmlns="http://www.w3.org/2000/svg" width="18px" height="60" viewBox="0 0 49 60.3"><path fill="#5ce500" d="M11.2 14.9L0 21.3l17.4 10.1v20.1l11.2-6.4c.5-.3.9-1 .9-1.6V24.4L13 14.9c-.5-.3-1.3-.3-1.8 0z"/><path fill="#5ce500" d="M12.1 48.4V34.5L0 41.5zM25 .2c-.5-.3-1.3-.3-1.8 0L10.7 7.4l24.1 13.9v27.9L47.3 42c.5-.3.9-1 .9-1.6V13.6L25 .2z"/></svg></a></figure><ul class="TK-Products-Menu"><li class="TK-Products-Menu-Item TK-Static"><button type="button" class="TK-Products-Menu-Item-Button" aria-label="Product Navigation">Telerik UI for ASP.NET MVC <i class="TK-Arrow"></i></button><div id="js-tlrk-nav-dash" class="TK-Dash TK-Dropdown TK-Dropdown--Full TK-Dropdown--White TK-Dropdown---Mobile"><div class="TK-container"><div class="TK-row"><div class="TK-col-6"><div class="TK-Bundles TK-BG"><p class="TK-Dash-Title">Product Bundles</p><a href="/devcraft" class="TK-Bundle" data-match-exact-path><div class="TK-Bundle-Icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 70" width="75" height="61"><path d="M70 35c0 5.3-1.2 10.3-3.2 14.7-4.8 10.4-14.6 18-26.4 19.8-1.8.4-3.6.5-5.4.5-2.6 0-5.1-.3-7.5-.8-6.9-1.5-13.1-5.1-17.8-10C7.1 56.5 5 53.4 3.4 50c-.4-.8-.7-1.5-1-2.3C.8 43.7 0 39.5 0 35 0 15.7 15.7 0 35 0s35 15.7 35 35z" fill-rule="evenodd" clip-rule="evenodd" fill="#a3d8f1"/><path d="M40.9 65.6l-.5 4c-1.8.3-3.6.4-5.4.4-2.6 0-5.1-.3-7.5-.8-6.9-1.5-13.1-5.1-17.8-10C7.1 56.5 5 53.4 3.4 50c3.2-4.4 8.2-7.5 14-8.3 1-.1 1.9-.2 2.9-.2.6 0 1.1 0 1.7.1 4.7.4 8.9 2.3 12.2 5.2 3 2.7 5.3 6.2 6.3 10.1.7 2.7.9 5.7.4 8.7z" fill-rule="evenodd" clip-rule="evenodd" fill="#e26841"/><path d="M17.3 48.5L32 61.3l13.2-7-10-8c-1.4-1.1-2.3-2.9-2.3-4.7v-9H17.3v15.9z" fill="#31475c" fill-rule="evenodd" clip-rule="evenodd"/><path d="M21.9 32.6v15.9l-2.3 2-9.9 8.7C7.1 56.5 5 53.4 3.4 50c-.4-.8-.7-1.5-1-2.3L4 46.3c1.4-1.1 2.3-2.9 2.3-4.7v-9h15.6z" fill="#31475c" fill-rule="evenodd" clip-rule="evenodd"/><defs><filter id="tlrk-nav-a" filterUnits="userSpaceOnUse" x="28.1" y=".3" width="31.2" height="17.4"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskUnits="userSpaceOnUse" x="28.1" y=".3" width="31.2" height="17.4" id="tlrk-nav-b"><g filter="url(#tlrk-nav-a)"><path d="M25.7 10.8l32.5-11L61.4 9 28.8 20z" fill="#fff" fill-rule="evenodd" clip-rule="evenodd"/></g></mask><path d="M28.1 17.8l9.1-8.4c2-1.9 4.9-2.3 7.4-1 3 1.5 6.6.5 8.4-2.3L56.6.4 59.3 3l-5.1 7.2c-1.9 2.7-5.6 3.5-8.5 1.9l-1.1-.6c-2.1-1.2-4.6-1.1-6.7.2l-9.8 6.1z" mask="url(#tlrk-nav-b)" fill-rule="evenodd" clip-rule="evenodd" fill="#e26841"/><path d="M62.8 13.7l-8 6.2a6.61 6.61 0 01-8.2 0l-3.2-2.5c-1.4-1.1-3.2-1.6-5-1.3l-10.2 1.5 10.1-3.7c1.9-.7 4.1-.5 5.8.6l2.5 1.6c2.5 1.5 5.7 1.3 7.9-.6l5.6-4.8 2.7 3z" fill-rule="evenodd" clip-rule="evenodd" fill="#e26841"/><path d="M27 11.6h-5.5c-8.4 0-15.3 6.8-15.3 15.3v15.6c0 3.4 2.7 6.1 6.1 6.1H27c3.4 0 6.1-2.7 6.1-6.1V17.7c0-3.4-2.8-6.1-6.1-6.1" fill-rule="evenodd" clip-rule="evenodd" fill="#14254c"/><path d="M31.7 32.2c0 6.7-5.4 12.1-12.1 12.1S7.5 38.8 7.5 32.2s5.4-12.1 12.1-12.1 12.1 5.4 12.1 12.1" fill="#31475c" fill-rule="evenodd" clip-rule="evenodd"/><defs><filter id="tlrk-nav-c" filterUnits="userSpaceOnUse" x="9.1" y="15.8" width="21.1" height="34"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskUnits="userSpaceOnUse" x="9.1" y="15.8" width="21.1" height="34" id="tlrk-nav-d"><g filter="url(#tlrk-nav-c)"><path d="M7.5 32.2c0 6.7 5.4 12.1 12.1 12.1 6.7 0 12.1-5.4 12.1-12.1 0-6.7-5.4-12.1-12.1-12.1-6.7 0-12.1 5.4-12.1 12.1z" fill="#fff" fill-rule="evenodd" clip-rule="evenodd"/></g></mask><path d="M9.1 48.1V26.3c0-5.8 4.7-10.5 10.5-10.5s10.5 4.7 10.5 10.5v23.5l-21-1.7z" mask="url(#tlrk-nav-d)" fill-rule="evenodd" clip-rule="evenodd" fill="#e9ac6a"/><path d="M14.6 35.1h5.5v-9.5z" fill="#dc7f1b" fill-rule="evenodd" clip-rule="evenodd"/><path d="M20.3 39.3c1.3.1 2.7-.2 4-1 1.1-.6 1.8-1.5 2.3-2.3l-1-.6c-.4.7-1.1 1.4-1.9 1.9-1.1.7-2.3.9-3.3.8l-.1 1.2z" fill="#fff"/><path d="M27.4 27.6h-2.3c0-.6.5-1.1 1.1-1.1h.2c.5 0 1 .5 1 1.1m-13.5 0h-2.3c0-.6.5-1.1 1.1-1.1h.2c.6 0 1 .5 1 1.1" fill="#231f20" fill-rule="evenodd" clip-rule="evenodd"/><path d="M7.5 24.7h25.1v-1.2H7.5zm0 5.5h25.1V29H7.5zm0 11h23.6v-1.3H7.5zm0-5.5h25.1v-1.3H7.5z" fill="#14254c"/><path d="M66.8 49.7c-4.8 10.4-14.6 18-26.4 19.8-1.8.4-3.6.5-5.4.5-2.6 0-5.1-.3-7.5-.8l-.4-2.8c-.5-3.1-.3-6.2.4-9 1.1-4.2 3.4-7.9 6.5-10.7.2-.2.5-.5.8-.7 3.8-3.2 8.7-5.1 14.2-5.1 7.3 0 13.7 3.5 17.8 8.8z" fill-rule="evenodd" clip-rule="evenodd"/><g fill-rule="evenodd" clip-rule="evenodd"><path d="M56.503 26.65c5.8-3 11.9-4.7 16.4-2.3 2.5 1.4 3.1 3.3 5.4 4 3 .9 7.5-.8 14.8-9.4l4.1 4.4c-10.7 10.6-16.4 11.8-19.7 10.4-2.6-1-3.2-3.4-6.7-5.5-4.8-2.7-10.3-2.4-14.3-1.6" fill="#8174f2"/><path d="M58.003 26.05c2.9-7.4 9.8-11.7 16-10.9 4.9.7 7.9 4.3 8.7 5.5-1.6.9-3.2 1.9-4.8 2.8-1.2-1-3-2.2-5.4-2.8-7.6-1.8-14 4.9-14.5 5.4" fill="#8174f2"/><path d="M37.103 44.85l-2-13.4c0-7.4 6.1-13.4 13.5-13.4s13.5 6 13.5 13.4l-1.7 13.4c-.8 5.8-5.8 10.1-11.6 10.1s-10.8-4.3-11.7-10.1z" fill="#00264b"/><path d="M34.803 34.25h27.5v-5.8h-27.5z" fill="#8174f2"/><path d="M57.003 38.05h-16.5c-1.8 0-3.3-1.5-3.3-3.3 0-1.8 1.5-3.3 3.3-3.3h16.5c1.8 0 3.3 1.5 3.3 3.3 0 1.8-1.5 3.3-3.3 3.3" fill="#e9ac6a"/><path d="M39.203 35.05c0-.6.5-1.1 1.1-1.1.6 0 1.1.5 1.1 1.1m11 .1c0-.6.5-1.1 1.1-1.1s1.1.5 1.1 1.1" fill="#00264b"/><path d="M46.403 38.05h2.9v-5.5z" fill="#dc7f1b"/></g></svg></div><p class="TK-Bundle-Title TK-Best-Value">DevCraft</p><p class="TK-Bundle-Description">All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:</p><ul class="TK-Bundle-list"><li><strong>NEW</strong>: Design Kits for Figma</li><li>Online Training</li><li>Document Processing Library</li><li>Embedded Reporting for web and desktop</li></ul></a></div></div><div class="TK-col-18"><div class="TK-row"><div class="TK-col-8"><p class="TK-Dash-Title">Web</p><div class="TK-Dash-Links"><a href="/kendo-ui" class="TK-Dash-Link" data-match-exact-path>Kendo UI</a> <a href="/kendo-jquery-ui" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path>UI for jQuery</a> <a href="/kendo-angular-ui" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path>UI for Angular</a> <a href="/kendo-react-ui" class="TK-Dash-Link TK-Dash-Link--Indented TK-Updated" data-match-exact-path>UI for React</a> <a href="/kendo-vue-ui" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path>UI for Vue</a> <a href="/blazor-ui" class="TK-Dash-Link" data-match-exact-path>UI for Blazor</a> <a href="/aspnet-core-ui" class="TK-Dash-Link" data-match-exact-path>UI for ASP.NET Core</a> <a href="/aspnet-mvc" class="TK-Dash-Link" data-match-exact-path>UI for ASP.NET MVC</a> <a href="/products/aspnet-ajax.aspx" class="TK-Dash-Link" data-match-exact-path>UI for ASP.NET AJAX</a></div><p class="TK-Dash-Title">Mobile</p><div class="TK-Dash-Links"><a href="/maui-ui" class="TK-Dash-Link" data-match-exact-path>UI for .NET MAUI</a></div><p class="TK-Dash-Title">Document Management</p><div class="TK-Dash-Links"><a href="/document-processing-libraries" class="TK-Dash-Link" data-match-exact-path>Telerik Document Processing</a></div></div><div class="TK-col-8"><p class="TK-Dash-Title">Desktop</p><div class="TK-Dash-Links"><a href="/maui-ui" class="TK-Dash-Link" data-match-exact-path>UI for .NET MAUI</a> <a href="/winui" class="TK-Dash-Link" data-match-exact-path>UI for WinUI</a> <a href="/products/winforms.aspx" class="TK-Dash-Link" data-match-exact-path>UI for WinForms</a> <a href="/products/wpf/overview.aspx" class="TK-Dash-Link" data-match-exact-path>UI for WPF</a></div><p class="TK-Dash-Title">Reporting</p><div class="TK-Dash-Links"><a href="/products/reporting.aspx" class="TK-Dash-Link" data-match-exact-path>Telerik Reporting</a> <a href="/report-server" class="TK-Dash-Link" data-match-exact-path>Telerik Report Server</a></div><p class="TK-Dash-Title">Testing & Mocking</p><div class="TK-Dash-Links"><a href="/teststudio" class="TK-Dash-Link" data-match-exact-path>Test Studio</a> <a href="/teststudio-dev" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path>Test Studio Dev Edition</a> <a href="/products/mocking.aspx" class="TK-Dash-Link" data-match-exact-path>Telerik JustMock</a></div><p class="TK-Dash-Title">CMS</p><div class="TK-Dash-Links"><a href="https://www.progress.com/sitefinity-cms" class="TK-Dash-Link" data-match-exact-path>Sitefinity</a></div></div><div class="TK-col-8"><p class="TK-Dash-Title">UI/UX Tools</p><div class="TK-Dash-Links"><a href="/themebuilder" class="TK-Dash-Link TK-Updated" data-match-exact-path>ThemeBuilder</a> <a href="/design-system" class="TK-Dash-Link" data-match-exact-path>Design System Kit</a> <a href="/page-templates-and-ui-blocks" class="TK-Dash-Link" data-match-exact-path>Templates and Building Blocks</a></div><p class="TK-Dash-Title">Debugging</p><div class="TK-Dash-Links"><a href="/fiddler" class="TK-Dash-Link" data-match-exact-path>Fiddler</a> <a href="/fiddler/fiddler-everywhere" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path>Fiddler Everywhere</a> <a href="/fiddler/fiddler-classic" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path>Fiddler Classic</a> <a href="/fiddler/fiddler-everywhere-reporter" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path>Fiddler Everywhere Reporter</a> <a href="/fiddlercore" class="TK-Dash-Link TK-Dash-Link--Indented" data-match-exact-path>FiddlerCore</a></div><p class="TK-Dash-Title"></p><div class="TK-Dash-Links"></div><p class="TK-Dash-Title">Free Tools</p><div class="TK-Dash-Links"><a href="https://converter.telerik.com" class="TK-Dash-Link">VB.NET to C# Converter</a> <a href="/teststudio/testing-framework" class="TK-Dash-Link" data-match-exact-path>Testing Framework</a></div></div></div><div class="TK-Dash-Footer"><a href="/all-products" class="TK-Dash-Featured-Link" data-match-exact-path>View all products</a></div></div></div></div></div><div class="TK-Dash-Extension TK--Mobile"></div></li></ul><div class="TK-Drawer" id="js-tlrk-nav-drawer"><ul class="TK-Context-Menu TK-Menu"><li class="TK-Menu-Item"><a href="/aspnet-mvc" class="TK-Menu-Item-Link" data-match-exact-path>Overview</a></li><li class="TK-Menu-Item"><a href="https://demos.telerik.com/aspnet-mvc/" class="TK-Menu-Item-Link" data-match-starts-with-path>Demos</a></li><li class="TK-Menu-Item"><button type="button" class="TK-Menu-Item-Button">Roadmap <i class="TK-Arrow"></i></button><ul class="TK-Dropdown TK-Dropdown--Gray TK-Dropdown--Small TK-Dropdown--Mobile"><li><a href="/support/whats-new/aspnet-mvc" class="TK-Dropdown-Link" data-match-exact-path>What's New</a></li><li><a href="/support/whats-new/aspnet-mvc/roadmap" class="TK-Dropdown-Link" data-match-exact-path>Roadmap</a></li><li><a href="/support/whats-new/aspnet-mvc/release-history" class="TK-Dropdown-Link" data-match-starts-with-path>Release History</a></li></ul></li><li class="TK-Menu-Item TK-Menu-Item--static"><button type="button" class="TK-Menu-Item-Button">Docs & Support <i class="TK-Arrow"></i></button><div class="TK-Dropdown TK-Dropdown--Double TK-Dropdown--Mobile TK-Dropdown--East TK-Dropdown--XL"><div class="TK-container"><div class="TK-row"><div class="TK-col-12"><p class="TK-Dash-Title">Support and Learning</p><ul class="TK-Dropdown-List"><li><a href="/support/aspnet-mvc" class="TK-Dropdown-List-Link" data-match-exact-path>Support and Learning Hub</a></li><li><a href="https://docs.telerik.com/aspnet-mvc/introduction" class="TK-Dropdown-List-Link" data-match-pattern>Docs</a></li><li><a href="https://demos.telerik.com/aspnet-mvc/" class="TK-Dropdown-List-Link" data-match-pattern>Demos</a></li><li><a href="https://learn.telerik.com/learn/course/internal/view/elearning/3/telerik-ui-for-aspnet-mvc" class="TK-Dropdown-List-Link" data-match-exact-path>Virtual Classroom</a></li><li><a href="/forums/aspnet-mvc" class="TK-Dropdown-List-Link" data-match-exact-path>Forums</a></li><li><a href="/videos/product/aspnet-mvc" class="TK-Dropdown-List-Link" data-match-exact-path>Videos</a></li><li><a href="/blogs/web-aspnet-mvc" class="TK-Dropdown-List-Link" data-match-exact-path>Blogs</a></li><li><a href="/accessibility" class="TK-Dropdown-List-Link" data-match-exact-path>Accessibility</a></li><li><a href="/account/support-center" class="TK-Dropdown-List-Link" data-match-exact-path>Submit a Ticket</a></li></ul></div><div class="TK-col-12"><p class="TK-Dash-Title">Productivity and Design Tools</p><ul class="TK-Dropdown-List"><li><a href="/themebuilder" class="TK-Dropdown-List-Link" data-match-exact-path>ThemeBuilder</a></li><li><a href="/design-system/docs/" class="TK-Dropdown-List-Link" data-match-exact-path>Design System Documentation</a></li><li><a href="https://docs.telerik.com/aspnet-mvc/vs-integration/introduction" class="TK-Dropdown-List-Link" data-match-pattern>Visual Studio Extensions</a></li><li><a href="/figma-kits" class="TK-Dropdown-List-Link" data-match-exact-path>Figma Kits</a></li><li><a href="/products/reporting.aspx" class="TK-Dropdown-List-Link" data-match-exact-path>Embedded Reporting</a></li></ul></div></div></div></div></li><li class="TK-Menu-Item"><a href="/purchase/aspnet-mvc" class="TK-Menu-Item-Link" data-match-exact-path>Pricing</a></li></ul><ul class="TK-Aside-Menu"><li class="TK-Aside-Menu-Item TK-Aside-Menu-Button--Search"><a href="/search" class="TK-Aside-Menu-Link js-tlrk-nav-search-link" title="Search" data-match-exact-path><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="15" height="15" viewBox="0 0 512 512" xml:space="preserve"><path d="M504.4,464L378.9,338.5c25.6-34.8,40.8-77.7,40.8-124.2c0-115.7-94.1-209.8-209.8-209.8C94.2,4.5,0,98.6,0,214.3 C0,330,94.2,424.1,209.9,424.1c50.5,0,96.9-17.9,133.1-47.8l124.5,124.5c5.1,5.1,11.8,7.6,18.4,7.6s13.3-2.5,18.4-7.6 C514.6,490.7,514.6,474.2,504.4,464z M52.2,214.3c0-87,70.7-157.7,157.7-157.7s157.7,70.7,157.7,157.7c0,41-15.7,78.3-41.4,106.4 c-0.3,0.3-0.7,0.6-1,0.9c-0.7,0.7-1.3,1.4-1.9,2.2c-28.7,29.7-68.9,48.2-113.4,48.2C122.9,372,52.2,301.3,52.2,214.3z"></path></svg></a></li><li class="TK-Aside-Menu-Item"><a href="https://store.progress.com/shopping-cart" data-empty-url="/purchase.aspx?filter=web" class="TK-Aside-Menu-Link js-tlrk-nav-shopping-cart-counter-container" aria-label="Shopping cart" title="Shopping cart" data-match-exact-path><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M11.75 14.5a1 1 0 111-1 1 1 0 01-1 1zm-8.25 0a1 1 0 111-1 1 1 0 01-1 1zm8.18-3H4.25A1.752 1.752 0 012.5 9.75v-8a.25.25 0 00-.25-.25H.75a.75.75 0 010-1.5h1.5A1.752 1.752 0 014 1.75v.75h8.78a1.75 1.75 0 011.72 2.093l-1.1 5.5a1.754 1.754 0 01-1.72 1.407zM4 4v5.75a.25.25 0 00.25.25h7.43a.251.251 0 00.245-.2l1.1-5.5a.251.251 0 00-.245-.3z" transform="translate(.75 .75)"/></svg> <span class="TK-Aside-Menu-Link-Text">Shopping cart</span></a></li><li class="TK-Aside-Menu-Item TK--Auth TK-dn" id="js-tlrk-nav-auth-container"><button type="button" class="TK-Aside-Menu-Button"><span class="TK-Avatar"><img width="20" height="20" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="{[AvatarUrl]}" onerror="this.onerror=null;this.src='/sfimages/default-source/avatars/kendo.svg'" alt="Your Avatar" class="TK-Avatar-Media" id="js-tlrk-nav-avatar-image"> </span><span class="TK-Aside-Menu-Button-Text">Your Account <i class="TK-Arrow"></i></span></button><ul class="TK-Dropdown TK-Dropdown--Gray TK-Dropdown--Small TK-Dropdown--Mobile"><li><a href="/account/" class="TK-Dropdown-Link" data-match-exact-path><span>Account Overview</span></a></li><li><a href="/account/your-licenses" class="TK-Dropdown-Link" data-match-starts-with-path><span>Your Licenses</span></a></li><li><a href="/account/downloads" class="TK-Dropdown-Link" data-match-starts-with-path><span>Downloads</span></a></li><li><a href="/account/support-center" class="TK-Dropdown-Link" data-match-starts-with-path><span>Support Center</span></a></li><li><a href="/forums/profile/mine" class="TK-Dropdown-Link" data-match-exact-path><span>Forum Profile</span></a></li><li><a href="/account/payment-methods" class="TK-Dropdown-Link" data-match-starts-with-path><span>Payment Methods</span></a></li><li><a href="/account/profile" class="TK-Dropdown-Link" data-match-exact-path><span>Edit Profile</span></a></li><li><a data-href="{[LogoutUrl]}" class="TK-Dropdown-Link" id="js-tlrk-nav-log-out" rel="nofollow"><span class="TK-Dropdown-Link-Spacer">Log out</span></a></li></ul></li><li class="TK-Aside-Menu-Item TK--Not-Auth" id="js-tlrk-nav-not-auth-container"><a href="/account/" title="Your Account" class="TK-Aside-Menu-Button TK-tac" data-match-exact-path><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path xmlns="http://www.w3.org/2000/svg" d="M13.75 14.5a.751.751 0 01-.75-.75v-.5a5.75 5.75 0 10-11.5 0v.5a.75.75 0 01-1.5 0v-.5a7.175 7.175 0 011.319-4.159A7.262 7.262 0 014.69 6.476 3.717 3.717 0 013.5 3.75a3.75 3.75 0 117.5 0 3.716 3.716 0 01-1.19 2.726 7.263 7.263 0 013.371 2.615A7.175 7.175 0 0114.5 13.25v.5a.751.751 0 01-.75.75zm-6.5-13A2.25 2.25 0 109.5 3.75 2.253 2.253 0 007.25 1.5z" transform="translate(.75 .75)"/></svg> <span class="TK-Aside-Menu-Button-Text">Login</span></a></li><li class="TK-Aside-Menu-Item TK-bn"><a href="/contact?preselect=ui-for-asp-net-mvc" class="TK-Aside-Menu-Button TK-Button--CTA-Sec" title="Contact Us" data-match-starts-with-path><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M12.75 14.5h-11A1.752 1.752 0 010 12.753v-7.37a.092.092 0 01.005-.026.1.1 0 000-.023.782.782 0 01.01-.093.63.63 0 01.02-.071l.007-.021V5.14a.828.828 0 01.036-.088.673.673 0 01.045-.078.078.078 0 00.009-.02.069.069 0 01.01-.02.1.1 0 01.028-.019.1.1 0 00.019-.015.68.68 0 01.077-.076.124.124 0 00.015-.024.106.106 0 01.019-.016L6.2.354a1.736 1.736 0 012.1 0l5.9 4.431a.1.1 0 01.018.02.118.118 0 00.017.019.591.591 0 01.076.075.109.109 0 00.02.018.1.1 0 01.019.017.077.077 0 01.01.02.088.088 0 00.01.02c.017.026.031.053.045.078a.9.9 0 01.039.1l.007.021a.5.5 0 01.03.164.1.1 0 000 .023.092.092 0 01.005.027v7.37A1.752 1.752 0 0112.75 14.5zM1.5 6.883v5.87a.253.253 0 00.25.247h11a.253.253 0 00.249-.25V6.883L8.3 10.412a1.737 1.737 0 01-2.1 0zM7.25 1.5a.248.248 0 00-.15.053L2 5.383l5.1 3.83a.253.253 0 00.15.052.245.245 0 00.15-.053l5.1-3.829-5.1-3.83a.248.248 0 00-.15-.053z" transform="translate(.75 .75)"/></svg> <span class="TK-Aside-Menu-Button-Text">Contact Us</span></a></li><li class="TK-Aside-Menu-Item TK-bn"><a href="/try/ui-for-asp.net-mvc" class="TK-Button TK-Button--CTA">Try now</a></li></ul></div><div class="TK-Drawer-Extension"></div><div class="TK-Aside TK--Mobile"><ul class="TK-Aside-Menu"><li class="TK-Aside-Menu-Item TK-Aside-Menu-Button--Search"><a href="/search" class="TK-Aside-Menu-Link js-tlrk-nav-search-link" title="Search" data-match-exact-path><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="15" height="15" viewBox="0 0 512 512" xml:space="preserve"><path d="M504.4,464L378.9,338.5c25.6-34.8,40.8-77.7,40.8-124.2c0-115.7-94.1-209.8-209.8-209.8C94.2,4.5,0,98.6,0,214.3 C0,330,94.2,424.1,209.9,424.1c50.5,0,96.9-17.9,133.1-47.8l124.5,124.5c5.1,5.1,11.8,7.6,18.4,7.6s13.3-2.5,18.4-7.6 C514.6,490.7,514.6,474.2,504.4,464z M52.2,214.3c0-87,70.7-157.7,157.7-157.7s157.7,70.7,157.7,157.7c0,41-15.7,78.3-41.4,106.4 c-0.3,0.3-0.7,0.6-1,0.9c-0.7,0.7-1.3,1.4-1.9,2.2c-28.7,29.7-68.9,48.2-113.4,48.2C122.9,372,52.2,301.3,52.2,214.3z"></path></svg></a></li><li class="TK-Aside-Menu-Item"><button type="button" aria-label="Main Navigation" class="TK-Aside-Menu-Button TK-Aside-Menu-Button--Toggle-Drawer" id="js-tlrk-nav-drawer-button"><svg id="menu" viewBox="0 0 100 80" class="WUG-Svg WUG-Svg-Hamburger" width="22" height="16"><line x1="10" y1="40" x2="90" y2="40"></line><line x1="10" y1="40" x2="90" y2="40"></line><line x1="10" y1="40" x2="90" y2="40"></line></svg></button></li></ul></div></div></section><button type="button" class="TK-Nav-Overlay" id="js-tlrk-nav-overlay">close mobile menu</button></nav><script async nomodule src="https://d6vtbcy3ong79.cloudfront.net/telerik-navigation/3.5.76/js/index.min.js"></script><script async type="module" src="https://d6vtbcy3ong79.cloudfront.net/telerik-navigation/3.5.76/js/index.min.mjs"></script> <nav class="DC-scroller" aria-label="Side navigation"><a data-sf-ec-immutable="" href="#Overview" data-scrollto="sctn-Overview">Overview</a> <a data-sf-ec-immutable="" href="#Demo" data-scrollto="sctn-Demo">Demo</a> <a data-sf-ec-immutable="" href="#Features" data-scrollto="sctn-Features">Features</a> <a data-sf-ec-immutable="" href="#Components" data-scrollto="sctn-Components">Components</a> <a data-sf-ec-immutable="" href="#Also-Included" data-scrollto="sctn-Also-Included" class="has-light-bg">Also Included</a> <a data-sf-ec-immutable="" href="#Pricing" data-scrollto="sctn-Pricing" class="has-light-bg">Pricing</a> <a data-sf-ec-immutable="" href="#Testimonials" data-scrollto="sctn-Testimonials" class="has-light-bg">Testimonials</a> <a data-sf-ec-immutable="" href="#New" data-scrollto="sctn-New">What's New</a> <a data-sf-ec-immutable="" href="#Resources" data-scrollto="sctn-Resources" class="has-light-bg">Resources</a> <a data-sf-ec-immutable="" href="#Support" data-scrollto="sctn-Support" class="has-light-bg">Support</a> <a href="/try/ui-for-asp.net-mvc" class="Btn Btn--prim Btn--round2 u-fl u-mb1" data-sf-ec-immutable="">Try Now</a> </nav> <div id="ContentPlaceholder1_T53129E6C012_Col00" class="sf_colsIn PageWrapper tlrk" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><script> (function (a, b, c, d) { window.fetch("https://www.g2.com/products/progress-telerik/rating_schema.json") .then(e => e.json()) .then(f => { c = a.createElement(b); c.type = "application/ld+json"; c.text = JSON.stringify(f); d = a.getElementsByTagName(b)[0]; d.parentNode.insertBefore(c, d); }); }) (document, "script"); </script> <div id="ContentPlaceholder1_C314_Col00" class="sf_colsIn Section u-pt10 u-pb0 u-bg-blue8 u-pr u-zi-max u-oh" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><div id="ContentPlaceholder1_C316_Col00" class="sf_colsIn Section-bg Section-bg--darkover u-s-dn Section-bg--video overlay--herobanner" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"> <video class="video" width="100%" height="auto" autoplay="" loop="loop" muted="" playsinline=""><source type="video/mp4" src="https://telerik-media.s3.amazonaws.com/telerik-videos/product-head/aspnet-mvc_optimized.mp4"></source><img data-sf-ec-immutable="" alt="" src="https://s3.amazonaws.com/telerik-media/telerik-videos/product-head/aspnet-mvc-poster.jpg" title="aspnet-mvc-video-poster" loading="lazy" /></video></div> <div id="ContentPlaceholder1_C315_Col00" class="sf_colsIn container u-pr sctn-Overview" data-sf-element="GridContainer" data-placeholder-label="GridContainer"> <div class="row u-s-dn"><div class="col-12"><a href="javascript:void(0);" class="play-button" aria-label="Stop Video" data-sf-ec-immutable=""><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/reporting/btn-play-video.png?sfvrsn=d0c0cc84_3" title="button-play-video-image" alt="button-play-video-image" class="play" /><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/reporting/btn-stop-video.png?sfvrsn=b9bd5304_7" title="button-stop-video-image" class="stop" alt="button-stop-video-image" /></a> </div></div><style>.play-button { position: absolute; top: 0; right: 0; background: rgba(40, 47, 137, 0.6); padding: 5px 10px; border-radius: 25px; z-index: 2; } .play-button .stop, .play-button.playing .play { display: none; } .play-button .play, .play-button.playing .stop { display: block; height: 22px; width: 134px; object-fit: none; max-width: none; } @media only screen and (max-width: 1230px) { .play-button { right: 15px; } } </style> <div class="Lbl u-c-black u-fs12 u-mb2" style="padding-top:5px;padding-bottom:5px;">Visual Studio 2022 Support </div><div class="row" data-sf-element="Row"> <div id="ContentPlaceholder1_C339_Col00" class="sf_colsIn col-11 u-l-col-12" data-sf-element="Column 1" data-placeholder-label="Column 1"> <h1 class="u-mb1">Design & Build Beautiful ASP.NET MVC Applications</h1><p class="u-fs28 u-ff-sans0 u-mb4">Boost your productivity with 110+ powerful and customizable ASP.NET MVC UI controls for any scenario.</p><div class="row" data-sf-element="Row"> <div id="ContentPlaceholder1_C388_Col00" class="sf_colsIn col-4 u-l-col-5" data-sf-element="Column 1" data-placeholder-label="Column 1"> <a class="Btn Btn--prim u-db u-mb1" href="/try/ui-for-asp.net-mvc" data-sf-ec-immutable="">Download Free Trial</a> <p class="u-fs16 u-c-grey8">30-day FREE trial. Free technical support and training during your trial. No credit card requred. </p></div> <div id="ContentPlaceholder1_C388_Col01" class="sf_colsIn col-4 u-l-col-5" data-sf-element="Column 2" data-placeholder-label="Column 2"> <a class="Btn Btn--ghost u-c-white u-db u-mb1" href="/purchase/aspnet-mvc" data-sf-ec-immutable="">Buy Now</a> <p class="u-fs16 u-c-grey8">ASP.NET MVC UI components are also included in DevCraft bundles. <a href="/devcraft" data-sf-ec-immutable="">Learn more.</a></p></div> </div> </div> </div> </div> <div class="Section u-pt2 u-pb0 u-l-h10 sctn-Demo" data-sf-element="Section" data-placeholder-label="Section Banner"> <div id="ContentPlaceholder1_C317_Col00" class="sf_colsIn Section-bg Section-bg--n" data-sf-element="Section Background" data-placeholder-label="Section Background"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1155.712" preserveAspectRatio="none" width="100%" height="100%" class="u-xl-dn"><defs><lineargradient id="heroBgGrad" x1=".261" y1="-.163" x2=".286" y2=".763" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#282f89" stop-opacity=".8"></stop><stop offset="1" stop-color="#06163e"></stop></lineargradient> </defs> <path d="M4191.171-664.576l124.629 71.282a99.991 99.991 0 0049.649 13.2h668.349a100.018 100.018 0 0024.382-3.017l271.953-68.37a99.994 99.994 0 0169.255 7.616l413.951 207.863a100 100 0 0092.275-1.314l205.561-110.66V491.136h-1920z" transform="translate(-4191.171 664.576)" fill-rule="evenodd" fill="url(#heroBgGrad)"></path></svg> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/decorations/big-wave-dblue-hero-fluid.svg?sfvrsn=c9286bb2_4" loading="lazy" title="overview-section-background-image" alt="overview-section-background-image" class="u-xl-db u-l-dn" /><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/decorations/dark-wave-small-hero.svg?sfvrsn=21d03146_4" loading="lazy" title="overview-section-background-image-for-mobile" alt="overview-section-background-image-for-mobile" class="u-dn u-l-db" /></div> <div id="ContentPlaceholder1_C317_Col01" class="sf_colsIn container container--wide2 u-l-dn" data-sf-element="Section Content" data-placeholder-label="Section Content"> <div id="Widgets"></div><div class="row" data-sf-element="Row"> <div id="ContentPlaceholder1_C335_Col00" class="sf_colsIn col-4" data-sf-element="Column 1" data-placeholder-label="Column 1"> <p><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/decorations/ninja-peeking.svg?sfvrsn=a53e2d92_7" loading="lazy" title="ninja-peeking-image" alt="ninja-peeking-image" class="ninja-gradient-1 u-ml2" /></p></div> </div> <div id="ContentPlaceholder1_C299_Col00" class="sf_colsIn u-mb7" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"> <div class="Accordion AccordionBushido u-ml0"><div class="row"><div class="col-8 u-m-col-6 Accordion-media-wrap u-l-dn"><div class="Tabs-switch"><a data-sf-ec-immutable="" href="#" data-tab="Demo" class="is-active">Demo</a> </div><div class="Accordion-media-content"><div class="Tab-demo Tab-demo--Overlay" data-tab="Demo" data-widget="grid" data-theme="default"><button type="button" class="Btn Btn--sec js-play-demo u-fs19">Start Demo</button><iframe id="preview" data-gtm-yt-inspected-36291_832="true"></iframe></div></div></div><div class="col-4 u-m-col-6"><ul class="List0 Accordion-module Accordion--bubble u-ff-sans1 u-l-mb3"><li class="is-active" style="cursor:pointer;"><a data-sf-ec-immutable="" class="Accordion-toggle h4" data-widget="grid"><h2 class="h4 u-mb0">Grid</h2></a> <div class="Accordion-inner" style="display:block;"><div class="Accordion-carrousel u-s-dn"><div class="Accordion-carrousel-inner"><a data-sf-ec-immutable="" href="#" class="is-active" data-index="0" data-theme="default"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/telerik-ui-for-blazor/components/theme-default.png?sfvrsn=f79beefe_3" title="Default" alt="Default" /><span>Default</span> </a> <a data-sf-ec-immutable="" href="#" data-index="1" data-theme="bootstrapv4"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/telerik-ui-for-blazor/components/theme-bootstrap.png?sfvrsn=69fa779a_3" title="Bootstrap" alt="Bootstrap" /><span>Bootstrap</span> </a> <a data-sf-ec-immutable="" href="#" data-index="2" data-theme="material"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/telerik-ui-for-blazor/components/theme-material.jpg?sfvrsn=ab6df34c_3" title="Material" alt="Material" /><span>Material</span> </a> </div></div><p class="u-fs20 Text--b0 u-mb1">Responsive and adaptive HTML5 Grid with multiple features like customizable and sortable columns, data editing, selection, filtering, grouping capabilities and much more!</p><a data-sf-ec-immutable="" href="https://demos.telerik.com/aspnet-mvc/grid" class="Btn Btn--round3 u-mb1">More about Grid</a> </div></li><li style="cursor:pointer;"><a data-sf-ec-immutable="" class="Accordion-toggle h4" data-widget="gantt"><h2 class="h4 u-mb0">Gantt</h2></a> <div class="Accordion-inner"><div class="Accordion-carrousel u-s-dn"><div class="Accordion-carrousel-inner"><a data-sf-ec-immutable="" href="#" class="is-active" data-index="0" data-theme="default"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/telerik-ui-for-blazor/components/theme-default.png?sfvrsn=f79beefe_3" title="Default" alt="Default" /><span>Default</span> </a> <a data-sf-ec-immutable="" href="#" data-index="1" data-theme="bootstrapv4"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/telerik-ui-for-blazor/components/theme-bootstrap.png?sfvrsn=69fa779a_3" title="Bootstrap" alt="Bootstrap" /><span>Bootstrap</span> </a> <a data-sf-ec-immutable="" href="#" data-index="2" data-theme="material"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/telerik-ui-for-blazor/components/theme-material.jpg?sfvrsn=ab6df34c_3" title="Material" alt="Material" /><span>Material</span> </a> </div></div><p class="u-fs20 Text--b0 u-mb1">Plan and schedule project start and end dates, visualize task progress, dependencies, milestones and more! </p><a data-sf-ec-immutable="" href="https://demos.telerik.com/aspnet-mvc/gantt" class="Btn Btn--round3 u-mb1">More about Gantt</a> </div></li><li style="cursor:pointer;"><a data-sf-ec-immutable="" class="Accordion-toggle h4" data-widget="editor"><h2 class="h4 u-mb0">Editor</h2></a> <div class="Accordion-inner"><div class="Accordion-carrousel u-s-dn"><div class="Accordion-carrousel-inner"><a data-sf-ec-immutable="" href="#" class="is-active" data-index="0" data-theme="Default"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/telerik-ui-for-blazor/components/theme-default.png?sfvrsn=f79beefe_3" title="Default" alt="Default" /><span>Default</span> </a> <a data-sf-ec-immutable="" href="#" data-index="1" data-theme="bootstrapv4"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/telerik-ui-for-blazor/components/theme-bootstrap.png?sfvrsn=69fa779a_3" title="Bootstrap" alt="Bootstrap" /><span>Bootstrap</span> </a> <a data-sf-ec-immutable="" href="#" data-index="2" data-theme="Material"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/telerik-ui-for-blazor/components/theme-material.jpg?sfvrsn=ab6df34c_3" title="Material" alt="Material" /><span>Material</span> </a> </div></div><p class="u-fs20 Text--b0 u-mb1">Add predefined CSS classes or create your own custom tools, buttons, dropdowns, and dialogs with the MS Word-like ASP.NET MVC Editor component!</p><a data-sf-ec-immutable="" href="https://demos.telerik.com/aspnet-mvc/editor" class="Btn Btn--round3 u-mb1">More about Editor</a> </div></li><li style="cursor:pointer;"><a data-sf-ec-immutable="" class="Accordion-toggle h4 k-button" data-widget="tilelayout"><h2 class="h4 u-mb0">TileLayout</h2></a> <div class="Accordion-inner"><div class="Accordion-carrousel u-s-dn"><div class="Accordion-carrousel-inner"><a data-sf-ec-immutable="" href="#" class="is-active" data-index="0" data-theme="Default"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/telerik-ui-for-blazor/components/theme-default.png?sfvrsn=f79beefe_3" title="Default" alt="Default" /><span>Default</span> </a> <a data-sf-ec-immutable="" href="#" data-index="1" data-theme="bootstrapv4"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/telerik-ui-for-blazor/components/theme-bootstrap.png?sfvrsn=69fa779a_3" title="Bootstrap" alt="Bootstrap" /><span>Bootstrap</span> </a> <a data-sf-ec-immutable="" href="#" data-index="2" data-theme="material"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/telerik-ui-for-blazor/components/theme-material.jpg?sfvrsn=ab6df34c_3" title="Material" alt="Material" /><span>Material</span> </a> </div></div><p class="u-fs20 Text--b0 u-mb1">Drag and rearrange your dashboard to fit your specific preferences. Control the rows, columns, and content of your layout, and let your users store their preferred setup.</p><a data-sf-ec-immutable="" href="https://demos.telerik.com/aspnet-mvc/tilelayout" class="Btn Btn--round3 u-mb1">More about TileLayout</a> </div></li></ul><a href="#Components" class="js-scroll-list u-c-white u-fw5 u-pl5 icon-arrow" data-sf-ec-immutable="">Full List of Controls</a> </div></div></div></div> </div> </div> </div> <section class="Section u-bg-blue4 u-pt0 u-pb8 sctn-Features" data-sf-element="Section" data-placeholder-label="Section"> <div id="ContentPlaceholder1_C338_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content"> <h2 class="u-mb6">Key Features</h2><div class="row" data-sf-element="Row"> <div id="ContentPlaceholder1_C403_Col00" class="sf_colsIn col-4 u-s-pb2 u-mb4" data-sf-element="Column 1" data-placeholder-label="Column 1"> <h4 class="u-fs28">110+ ASP.NET MVC Controls</h4> <p>Build high-quality apps in half the time with highly accessible, consistent and secure by design ASP.NET MVC UI components.</p></div> <div id="ContentPlaceholder1_C403_Col01" class="sf_colsIn col-4 u-s-pb2 u-mb4" data-sf-element="Column 2" data-placeholder-label="Column 2"> <h4 class="u-fs28">Full-featured Grid</h4><p>Benefit from a high-performant <a href="/aspnet-mvc/grid">ASP.NET MVC</a> Grid empowered with a solid set of features like sorting, filtering, lazy loading and more.</p></div> <div id="ContentPlaceholder1_C403_Col02" class="sf_colsIn col-4 u-s-pb2 u-mb4" data-sf-element="Column 3" data-placeholder-label="Column 3"> <h4 class="u-fs28">Design Tools for Stunning UI</h4><p>Simplify the design process and make app styling a breeze with our family of <a target="_blank" href="/ui-customization-tools">design and UI customization tools</a> that give developers and designers a common language.</p></div> </div> <div class="row u-mb8" data-sf-element="Row"> <div id="ContentPlaceholder1_C404_Col00" class="sf_colsIn col-4 u-mb4 u-s-pb2" data-sf-element="Column 1" data-placeholder-label="Column 1"> <h4 class="u-fs28">Consistent API for Easy Customization</h4><p>Standardize your apps. Each ASP.NET MVC UI component and its API are carefully crafted for quality and ease of customization. </p></div> <div id="ContentPlaceholder1_C404_Col01" class="sf_colsIn col-4 u-mb4 u-s-pb2" data-sf-element="Column 2" data-placeholder-label="Column 2"> <h4 class="u-fs28">Leading Edge Performance</h4><p>Rely on outstanding performance, Telerik UI for ASP.NET MVC 110+ fine-tuned controls are designed to work with a high volume of data.</p></div> <div id="ContentPlaceholder1_C404_Col02" class="sf_colsIn col-4 u-mb4 u-s-pb2" data-sf-element="Column 3" data-placeholder-label="Column 3"> <h4 class="u-fs28">Built-in Accessibility</h4><p>Our components support the latest <a href="/security-and-accessibility" data-sf-ec-immutable="">accessibility standards</a>, including WCAG 2.2, Section 508, and WAI-ARIA best practices.</p></div> <div id="ContentPlaceholder1_C404_Col03" class="sf_colsIn col-4 u-s-pb2" data-sf-element="Column 4" data-placeholder-label="Column 4"> <h4 class="u-fs28">Award-winning Support</h4><p>Get product updates and <a href="/support/aspnet-mvc">technical support</a> from our award-winning team. Count on the team that stands behind ASP.NET MVC components.</p></div> <div id="ContentPlaceholder1_C404_Col04" class="sf_colsIn col-4 u-s-pb2" data-sf-element="Column 5" data-placeholder-label="Column 5"> <h4 class="u-fs28">Documentation and Learning</h4><p>Kickstart your project with our<a href="https://www.telerik.com/design-system/docs/" target="_blank" data-sf-ec-immutable=""> detailed design</a> and <a href="https://docs.telerik.com/aspnet-mvc/introduction" target="_blank" data-sf-ec-immutable="" data-sf-marked="">technical documentation</a> libraries and solid collection of learning resources.</p></div> <div id="ContentPlaceholder1_C404_Col05" class="sf_colsIn col-4 u-s-pb2" data-sf-element="Column 6" data-placeholder-label="Column 6"> <h4 class="u-fs28">Friendly Licensing</h4><p>Benefit from user-friendly, transparent licensing with no hidden fees. Licenses are <a target="_blank" href="/purchase/aspnet-mvc">subscription or perpetual</a>, giving you more flexibility and choice, depending on your business needs.</p></div> </div> <div class="u-mt3 u-s-mt4"> <div class="row u-pt3 u-pb3 u-bg-blue u-br10 u-xl-ml0 u-xl-mr0 u-m-pt2 u-m-pb2 u-m-pr3 u-m-pl3 u-ml0 u-mr0 "><div class="col-4 u-l-col-12 u-l-mb3 u-ml5 u-l-ml0 u-m-ml0 u-s-ml0"><h3 class="h4">Awards</h3><p class="u-fs20 ">Greatness—it’s one thing to say you have it, but it means more when others recognize it. Telerik is proud to hold the following industry awards. </p></div><div class="col-7 u-l-col-12"><div class="row"><div class="col-3 u-l-col-3 u-l-mb3 u-tac"><a target="_blank" href="https://www.g2.com/reports/grid-report-for-component-libraries-fall-2024.embed?featured=progress-telerik&secure%5Bgated_consumer%5D=157d051c-f1ed-4c6c-b0ac-adeaa9853367&secure%5Btoken%5D=3f23f8546a9815117c08d3e5d493e063c0ebabac40ef02d67242a64466cd38d1&utm_campaign=gate-2010637" class="u-c-white" style="text-decoration:underline!important;"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/awards/badge-leader-fall.png?sfvrsn=438d4ff5_3" title="G2 Leader Fall 2024" alt="G2 Leader Fall 2024" class="u-m-w15 u-w10" /><p class="u-fs14 u-ff-sans0 u-pt1">G2 Leader Fall 2024 </p></a> </div><div class="col-3 u-l-col-3 u-l-mb3 u-tac"><a target="_blank" href="https://www.g2.com/products/progress-telerik/reviews?utm_source=rewards-badge" class="u-c-white" style="text-decoration:underline!important;"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/awards/badge-high-user-adopt-fall.png?sfvrsn=6e9ebf20_9" title="G2 Highest User Adoption Fall 2024 " alt="G2 Highest User Adoption Fall 2024 " class="u-m-w15 u-w10" /><p class="u-fs14 u-ff-sans0 u-pt1">G2 Highest User Adoption Fall 2024 </p></a> </div><div class="col-3 u-l-col-3 u-l-mb3 u-tac"><a target="_blank" href="https://www.g2.com/products/progress-telerik/reviews?utm_source=rewards-badge" class="u-c-white" style="text-decoration:underline!important;"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/awards/badge-users-loveus.png?sfvrsn=5f1e996a_7" title="G2 Users Love Us Fall 2024 " alt="G2 Users Love Us Fall 2024 " class="u-m-w15 u-w10" /><p class="u-fs14 u-ff-sans0 u-pt1">G2 Users Love Us Fall 2024 </p></a> </div><div class="col-3 u-l-col-3 u-l-mb3 u-tac "><a target="_blank" href="https://www.g2.com/reports/implementation-index-for-component-libraries-spring-2024.embed?featured=progress-telerik&secure%5Bgated_consumer%5D=ecc9097b-88c7-4ae4-83d6-76a29ea5ed11&secure%5Btoken%5D=1f2d40bf3bdae07760f52c4b1e1353cc5460e99b375c41eee519d042e2641904&utm_campaign=gate-1967852" class="u-c-white" style="text-decoration:underline!important;"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/awards/badge-fastest-implement-spring.png?sfvrsn=647ca968_3" title="G2 Fastest Implementation Product Spring 2024" alt="G2 Fastest Implementation Product Spring 2024" class="u-m-w15 u-w10" /><p class="u-fs14 u-ff-sans0 u-pt1">G2 Fastest Implementation Product Spring 2024</p></a> </div></div></div></div> </div> </div> </section> <div class="Section js-controls u-bg-blue4 u-pt0 js-ab-00620-reduce sctn-Components u-l-pt1" data-sf-element="Section" data-placeholder-label="Section Banner"> <div id="ContentPlaceholder1_C322_Col00" class="sf_colsIn Section-bg Section-bg--containB" data-sf-element="Section Background" data-placeholder-label="Section Background"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/asp.net-ajax/m_wave_dblue_downsctn_space_for_btn.png?sfvrsn=9b166a40_6" height="345" width="1920" alt="see-them-in-action-ninja" /></div> <div id="ContentPlaceholder1_C322_Col01" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content"><div id="ContentPlaceholder1_C326_Col00" class="sf_colsIn u-mb6" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"> <h2 id="Components" class="u-mb0">Explore our Customizable ASP.NET MVC Controls</h2><p class="u-fs28 u-fw3"><span style="font-size:28px;">110++ high-quality components for ASP.NET MVC </span> <a href="https://docs.telerik.com/aspnet-mvc/styles-and-layout/" data-sf-ec-immutable="" data-sf-marked="">professionally designed themes</a><span style="font-size:28px;">, <a href="/themebuilder">ThemeBuilder</a></span>, <span style="font-size:28px;"> and</span> <a href="https://docs.telerik.com/aspnet-mvc/vs-integration/introduction" class="u-tdn" data-sf-ec-immutable="">Visual Studio Productivity Tools<span style="font-size:28px;">.</span></a> </p> <style> .LabelB { font-weight: 400 !important; } .PremiumTag { display: inline-block; width: 17px; height: 17px; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Crect x='0.5' y='0.464844' width='16' height='16' rx='8' fill='%23653DD2' fill-opacity='0.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.90108 7.52734H7.09892L8.5 10.7965L9.90108 7.52734ZM9.90108 6.90234H7.09892L7.76856 5.33984H9.23144L9.90108 6.90234ZM10.5811 7.52734L9.43864 10.193L11.7711 7.52734H10.5811ZM10.5811 6.90234L9.91142 5.33984H10.6875L11.8594 6.90234H10.5811ZM6.41894 6.90234L7.08858 5.33984H6.3125L5.14062 6.90234H6.41894ZM7.56136 10.193L6.41894 7.52734H5.22892L7.56136 10.193ZM12.875 7.21484L8.5 12.2148L4.125 7.21484L6 4.71484H11L12.875 7.21484Z' fill='url(%23paint0_linear_1766_532)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1766_532' x1='5.31818' y1='12.2148' x2='11.3018' y2='4.14465' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.25' stop-color='%23653DD2'/%3E%3Cstop offset='1' stop-color='%23B41FFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); } </style> <div class="row u-hyphenate"> <div class="col-2"> <h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Data Management</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/aspnet-mvc/grid" class="u-ff-sans u-fs20"> <span>ASP.NET MVC Grid Control</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/filter" class="u-ff-sans u-fs20"> <span>Filter</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/listview" class="u-ff-sans u-fs20"> <span>ListView</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/pager" class="u-ff-sans u-fs20"> <span>Pager</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/pivotgrid" class="u-ff-sans u-fs20"> <span>PivotGrid</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/pivotgrid-v.2" class="u-ff-sans u-fs20"> <span>PivotGrid v.2</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/propertygrid" class="u-ff-sans u-fs20"> <span>PropertyGrid</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/spreadsheet" class="u-ff-sans u-fs20"> <span>Spreadsheet</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/taskboard" class="u-ff-sans u-fs20"> <span>TaskBoard</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/treelist" class="u-ff-sans u-fs20"> <span>TreeList</span> </a> </li> </ul> <h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Scheduling</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/aspnet-mvc/calendar" class="u-ff-sans u-fs20"> <span>Calendar</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/ganttchart" class="u-ff-sans u-fs20"> <span>GanttChart</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/mvc-multiviewcalendar" class="u-ff-sans u-fs20"> <span>MultiViewCalendar</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/scheduler" class="u-ff-sans u-fs20"> <span>Scheduler</span> </a> </li> </ul> </div> <div class="col-2"> <h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Editors</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/aspnet-mvc/autocomplete" class="u-ff-sans u-fs20"> <span>AutoComplete</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/captcha" class="u-ff-sans u-fs20"> <span>Captcha</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/checkboxgroup" class="u-ff-sans u-fs20"> <span>CheckBoxGroup</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/colorpicker" class="u-ff-sans u-fs20"> <span>Color Picker</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/colorgradient" class="u-ff-sans u-fs20"> <span>ColorGradient</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/colorpalette" class="u-ff-sans u-fs20"> <span>ColorPalette</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/combobox" class="u-ff-sans u-fs20"> <span>ComboBox</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/date-time-pickers" class="u-ff-sans u-fs20"> <span>Date & Time Pickers</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/dateinput" class="u-ff-sans u-fs20"> <span>DateInput</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/datepicker" class="u-ff-sans u-fs20"> <span>DatePicker</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/mvc-daterangepicker" class="u-ff-sans u-fs20"> <span>DateRangePicker</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/datetimepicker" class="u-ff-sans u-fs20"> <span>DateTimePicker</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/dropdownlist" class="u-ff-sans u-fs20"> <span>DropDownList</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/dropdowntree" class="u-ff-sans u-fs20"> <span>DropDownTree</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/editor" class="u-ff-sans u-fs20"> <span>Editor</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/flatcolorpicker" class="u-ff-sans u-fs20"> <span>FlatColorPicker</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/image-editor" class="u-ff-sans u-fs20"> <span>Image Editor</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/listbox" class="u-ff-sans u-fs20"> <span>ListBox</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/maskedtextbox" class="u-ff-sans u-fs20"> <span>MaskedTextBox</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/multicolumncombobox" class="u-ff-sans u-fs20"> <span>MultiColumnComboBox</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/multiselect" class="u-ff-sans u-fs20"> <span>MultiSelect</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/numerictextbox" class="u-ff-sans u-fs20"> <span>Numeric TextBox</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/mvc-otp-input" class="u-ff-sans u-fs20"> <span>OTP Input</span> <span class="LabelB u-bg-green u-c-blue2 u-fs13" aria-label="New">New</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/radiogroup" class="u-ff-sans u-fs20"> <span>RadioGroup</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/rating" class="u-ff-sans u-fs20"> <span>Rating</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/signature" class="u-ff-sans u-fs20"> <span>Signature</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/mvc-switch" class="u-ff-sans u-fs20"> <span>Switch</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/text-area" class="u-ff-sans u-fs20"> <span>TextArea</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/textbox" class="u-ff-sans u-fs20"> <span>TextBox</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/timedurationpicker" class="u-ff-sans u-fs20"> <span>TimeDurationPicker</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/timepicker" class="u-ff-sans u-fs20"> <span>TimePicker</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> </ul> </div> <div class="col-2"> <h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Data Visualization</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/aspnet-mvc/arcgauge" class="u-ff-sans u-fs20"> <span>ArcGauge</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/charts" class="u-ff-sans u-fs20"> <span>ASP.NET MVC Charts Control</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/barcode" class="u-ff-sans u-fs20"> <span>Barcode</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/mvc-chart-wizard" class="u-ff-sans u-fs20"> <span>Chart Wizard</span> <span class="LabelB u-bg-green u-c-blue2 u-fs13" aria-label="New">New</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/circular-gauge" class="u-ff-sans u-fs20"> <span>Circular Gauge</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/gauges" class="u-ff-sans u-fs20"> <span>Gauges</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/heatmap" class="u-ff-sans u-fs20"> <span>HeatMap</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/lineargauge" class="u-ff-sans u-fs20"> <span>LinearGauge</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/orgchart" class="u-ff-sans u-fs20"> <span>OrgChart</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/pyramid-chart" class="u-ff-sans u-fs20"> <span>Pyramid Chart</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/qr-code" class="u-ff-sans u-fs20"> <span>QR Code</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/radialgauge" class="u-ff-sans u-fs20"> <span>RadialGauge</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/sankey-chart" class="u-ff-sans u-fs20"> <span>Sankey Chart</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/stock-chart" class="u-ff-sans u-fs20"> <span>StockChart</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/timeline" class="u-ff-sans u-fs20"> <span>Timeline</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/treemap" class="u-ff-sans u-fs20"> <span>TreeMap</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/trendline-chart" class="u-ff-sans u-fs20"> <span>Trendline Chart</span> </a> </li> </ul> <h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">File Upload & Management</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/aspnet-mvc/file-manager" class="u-ff-sans u-fs20"> <span>File Manager</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/pdf-viewer" class="u-ff-sans u-fs20"> <span>PDF Viewer</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/upload" class="u-ff-sans u-fs20"> <span>Upload</span> </a> </li> </ul> </div> <div class="col-2"> <h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Interactivity & UX</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/aspnet-mvc/ai-prompt" class="u-ff-sans u-fs20"> <span>AI Prompt</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/circular-progress-bar" class="u-ff-sans u-fs20"> <span>CircularProgressBar</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/conversational-ui" class="u-ff-sans u-fs20"> <span>Conversational UI</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/loader" class="u-ff-sans u-fs20"> <span>Loader</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/progressbar" class="u-ff-sans u-fs20"> <span>Progress Bar</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/mvc-ripple" class="u-ff-sans u-fs20"> <span>Ripple</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/skeleton" class="u-ff-sans u-fs20"> <span>Skeleton</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/slider" class="u-ff-sans u-fs20"> <span>Slider</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/sortable" class="u-ff-sans u-fs20"> <span>Sortable</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/template" class="u-ff-sans u-fs20"> <span>Template</span> </a> </li> </ul> <h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Navigation</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/aspnet-mvc/actionsheet" class="u-ff-sans u-fs20"> <span>ActionSheet</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/app-bar" class="u-ff-sans u-fs20"> <span>AppBar</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/bottomnavigation" class="u-ff-sans u-fs20"> <span>BottomNavigation</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/breadcrumb" class="u-ff-sans u-fs20"> <span>Breadcrumb</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/button" class="u-ff-sans u-fs20"> <span>Button</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/button-group" class="u-ff-sans u-fs20"> <span>Button Group</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/chip" class="u-ff-sans u-fs20"> <span>Chip</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/chiplist" class="u-ff-sans u-fs20"> <span>ChipList</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/drawer-widget" class="u-ff-sans u-fs20"> <span>Drawer</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/dropdownbutton" class="u-ff-sans u-fs20"> <span>DropDownButton</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/floatingactionbutton" class="u-ff-sans u-fs20"> <span>FloatingActionButton</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/menu" class="u-ff-sans u-fs20"> <span>Menu</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/panelbar" class="u-ff-sans u-fs20"> <span>PanelBar</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/splitbutton" class="u-ff-sans u-fs20"> <span>SplitButton</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/stepper" class="u-ff-sans u-fs20"> <span>Stepper</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/tabstrip" class="u-ff-sans u-fs20"> <span>TabStrip</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/togglebutton" class="u-ff-sans u-fs20"> <span>ToggleButton</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/toolbar" class="u-ff-sans u-fs20"> <span>ToolBar</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/treeview" class="u-ff-sans u-fs20"> <span>TreeView</span> </a> </li> </ul> </div> <div class="col-2"> <h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Layout</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/aspnet-mvc/avatar" class="u-ff-sans u-fs20"> <span>Avatar</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/badge" class="u-ff-sans u-fs20"> <span>Badge</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/dockmanager" class="u-ff-sans u-fs20"> <span>DockManager</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/expansionpanel" class="u-ff-sans u-fs20"> <span>ExpansionPanel</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/form" class="u-ff-sans u-fs20"> <span>Form</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/gridlayout" class="u-ff-sans u-fs20"> <span>GridLayout</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/notification" class="u-ff-sans u-fs20"> <span>Notification</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/popover" class="u-ff-sans u-fs20"> <span>Popover</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/responsive-panel" class="u-ff-sans u-fs20"> <span>Responsive Panel</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/splitter" class="u-ff-sans u-fs20"> <span>Splitter</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/stacklayout" class="u-ff-sans u-fs20"> <span>StackLayout</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/tilelayout" class="u-ff-sans u-fs20"> <span>TileLayout</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/tooltip" class="u-ff-sans u-fs20"> <span>Tooltip</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/window" class="u-ff-sans u-fs20"> <span>Window</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/wizard" class="u-ff-sans u-fs20"> <span>Wizard</span> </a> </li> </ul> <h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Diagramming</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/aspnet-mvc/diagram" class="u-ff-sans u-fs20"> <span>Diagram</span> </a> </li> </ul> <h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Geo Visualization</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/aspnet-mvc/map" class="u-ff-sans u-fs20"> <span>Map</span> </a> </li> </ul> </div> <div class="col-2"> <h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Document Processing</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/aspnet-mvc/mvc-pdfprocessing" class="u-ff-sans u-fs20"> <span>PDFProcessing</span> <span class="LabelB u-bg-yellow u-c-blue2 u-fs13" aria-label="Updated">Updated</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/radspreadprocessing-mvc" class="u-ff-sans u-fs20"> <span>SpreadProcessing</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/mvc-spreadstreamprocessing" class="u-ff-sans u-fs20"> <span>SpreadStreamProcessing</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/mvc-words-processing" class="u-ff-sans u-fs20"> <span>WordsProcessing</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/ziplibrary" class="u-ff-sans u-fs20"> <span>ZipLibrary</span> </a> </li> </ul> <h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Media</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/aspnet-mvc/media-player-for-mvc" class="u-ff-sans u-fs20"> <span>Media Player</span> </a> </li> <li> <a href="https://www.telerik.com/aspnet-mvc/mvc-scrollview" class="u-ff-sans u-fs20"> <span>ScrollView</span> </a> </li> </ul> <h3 class="u-ff-sans u-fw5 u-fs17 u-ttu">Forms & Dialogs</h3> <ul class="List List--links-4 u-mb4"> <li> <a href="https://www.telerik.com/aspnet-mvc/dialog-for-mvc" class="u-ff-sans u-fs20"> <span>Dialog</span> </a> </li> </ul> </div> </div></div> <h3 class="u-mb3">See Them in Action</h3><a data-sf-ec-immutable="" target="_blank" href="http://demos.telerik.com/aspnet-mvc/" class="Btn Btn--prim">Launch demos</a></div> </div> <div id="ContentPlaceholder1_C402_Col00" class="sf_colsIn u-tint-grey u-pt8 u-pb8 sctn-Also-Included" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"><section class="u-pt0 u-pb0" data-sf-element="Section" data-placeholder-label="Section"> <div id="ContentPlaceholder1_C340_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="sctn-DesignTools"> <h2 id="Also-included" class="u-pb4">More Than Just an ASP.NET MVC Component Library</h2> <div class="tabs--mobile u-pr u-zi2"><nav class="Tabulator Tabulator--custom u-df u-m-oxa u-m-ml1 u-m-mr1" data-tlrk-plugin="tlrkTabs" data-tlrktabs-tabs-width="auto" data-tlrktabs-wrapper-selector=".tlrk-tabs" data-tlrktabs-active-tab="1" data-tlrktabs-scroll-to-tabs="false" data-tlrktabs-set-anchors="false"><a data-sf-ec-immutable="" href="#design-system-kit" data-display="design-system-kit" class="u-full u-m-db u-b1 u-mr1 u-m-p1 is-active"><span class="u-db u-lh120 u-pen u-s-pb1">UI Customization Tools</span> <span class="u-c-base u-db u-fs16 u-pen">Build simple, intuitive and beautiful UI experiences</span> </a> <a data-sf-ec-immutable="" href="#visual-studio-extensions" data-display="visual-studio-extensions" class="u-full u-m-db u-b1 u-mr1 u-m-p1"><span class="u-db u-lh120 u-pen u-s-pb1">Visual Studio Extensions</span> <span class="u-c-base u-db u-fs16 u-pen">Create new projects and leverage advanced tools</span> </a> <a data-sf-ec-immutable="" href="#embedded-reporting" data-display="embedded-reporting" class="u-full u-b1 u-mr1 u-m-p1"> <span class="u-db u-lh120 u-pen u-s-pb1">Embedded Reporting</span> <span class="u-c-base u-db u-fs16 u-pen">Complete Embedded Reporting for Web and Desktop Apps</span> </a> <a data-sf-ec-immutable="" href="#video-course" data-display="video-course" class="u-full u-b1 u-m-p1"> <span class="u-db u-lh120 u-pen u-s-pb1">Video Course</span> <span class="u-c-base u-db u-fs16 u-pen">The quickest way to get started with ASP.NET MVC</span> </a> </nav></div> </div> </section> <section id="ContentPlaceholder1_C399_Col00" class="sf_colsIn Section Section--mid Tabulator-border u-pb6 u-pt6 u-tint-white u-z0" data-sf-element="Section" data-placeholder-label="Section Empty"><div id="ContentPlaceholder1_C400_Col00" class="sf_colsIn container" data-sf-element="GridContainer" data-placeholder-label="GridContainer"> <div class="Tabulator-body u-cf tlrk-tabs"><div id="design-tools" class="Tabulator-slice is-active"><div class="row row--equal row--aligned u-mb6"><div class="col-3 u-xl-col-12"><p>We combine our ASP.NET MVC UI components with design and front-end documentation and tools into a Design System Kit to help you satisfy your styling requirements and produce consistent UI without hassles. </p></div><div class="col-3 u-mb0 u-m-col-6 u-s-col-12 u-m-mb4 u-xl-col-4"><div class="u-b1 u-br10 u-oh u-tint-white"><a class="u-c-grey4 u-tdn u-m0" href="https://www.telerik.com/design-system/docs/" target="_blank"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/figma/front-end_documentation_370x2109.png?sfvrsn=5efc3ae5_11" alt="Front-End Documentation" class="u-full" /><h4 class="u-c-link u-fs22 u-fw5 u-lh120 u-m0 u-p2 u-pb1">Front-End Documentation</h4><p class="u-pl2 u-pr2 u-pb2 u-m0 u-fs18 u-lh140">Leverage our detailed design and frond-end documentation on how to make the necessary customizations to Telerik and Kendo UI themes. </p></a> </div></div><div class="col-3 u-mb0 u-m-col-6 u-s-col-12 u-m-mb4 u-xl-col-4"><div class="u-b1 u-br10 u-oh u-tint-white"><a href="/themebuilder" class="u-c-grey4 u-tdn u-m0" target="_blank"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/figma/apply-your-brand_banner_370x210.png?sfvrsn=a9628287_5" class="u-full" alt="apply your brand" /><h4 class="u-c-link u-fs22 u-fw5 u-lh120 u-m0 u-p2 u-pb1">ThemeBuilder</h4><p class="u-pl2 u-pr2 u-pb2 u-m0 u-fs18 u-lh140">Point, click and customize its built-in themes and avoid tedious CSS. Choose between the free ThemeBuilder or subscribe to ThemeBuilder Pro, Ultimate, or Enterprise for deeper customization options. </p></a> </div></div><div class="col-3 u-mb0 u-m-col-6 u-s-col-12 u-xl-col-4"><div class="u-b1 u-br10 u-oh u-tint-white"><a href="/figma-kits" class="u-c-grey4 u-tdn u-m0" target="_blank"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/figma/figma-kits_370x210.png?sfvrsn=bb8da007_3" class="u-full" alt="Figma Kits" /><h4 class="u-c-link u-fs22 u-fw5 u-lh120 u-m0 u-p2 u-pb1">Figma Kits</h4><p class="u-pl2 u-pr2 u-pb2 u-m0 u-fs18 u-lh140">Designers leverage our design kits to mock up design changes directly to representations of our components. These are free and will help streamline the communication between you and your design team. </p></a> </div></div></div></div><div id="visual-studio-extensions " class="Tabulator-slice is-active"><div class="row"><div class="col-6 u-m-col-12 u-m-mb4"><p class="u-fs30 u-mb1 u-c-black">Visual Studio Integration</p><p class="u-fs20 u-mb3">Maximize your efficiency with the Telerik UI for ASP.NET MVC extension for Visual Studio. It comes with handy templates that ease the creation of new projects and lets you add Telerik UI for ASP.NET MVC to an existing project or upgrade the UI for ASP.NET MVC version. </p><a href="https://docs.telerik.com/aspnet-mvc/vs-integration/introduction" class="u-fw5 u-tdn u-db u-mb1 icon-arrow" target="_blank" data-sf-ec-immutable="">Learn more </a> </div><div class="col-6 u-m-col-12"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/visual-studio-extensions.png?sfvrsn=505d4e3f_1" alt="" /></div></div></div><div id="embedded-reporting" class="Tabulator-slice"><div class="row"><div class="col-6 u-m-col-12 u-m-mb4"><p class="u-fs30 u-mb1 u-c-black">Embedded Reporting</p><p class="u-fs20 u-mb3">Transforming raw data into actionable insights is the core function of reporting. Simplify development workflow with intuitive embedded reporting tool that help developers to enable business users to easily create, edit and view reports on their own. Embed Reporting into Blazor, Angular, ASP.NET Core/MVC and more apps. </p><p>Visit the following pages for more information:</p><a href="/products/reporting.aspx" class="u-fw5 u-tdn u-db u-mb1 icon-arrow" target="_blank">Learn more Telerik Reporting </a> <a href="/products/reporting/embedded-reporting.aspx" target="_blank" class="u-fw5 u-tdn u-db u-mb1 icon-arrow" data-sf-ec-immutable=""> Explore Embedded Reporting for Business Users </a> <a href="/products/reporting/creating-reports.aspx" target="_blank" class="u-fw5 u-tdn u-db u-mb1 icon-arrow" data-sf-ec-immutable=""> Check out Report Designers </a> <a href="/products/reporting/delivering-viewing-exporting-reports.aspx" target="_blank" class="u-fw5 u-tdn u-db u-mb1 icon-arrow" data-sf-ec-immutable=""> Check out Report Viewers </a> </div><div class="col-6 u-m-col-12"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/embeded-reporting-pic.png?sfvrsn=f33ef359_1" alt="Embedded Reporting for Blazor" /></div></div></div><div id="video-course" class="Tabulator-slice"><div class="row"><div class="col-6 u-m-col-12 u-m-mb4"><p class="u-fs30 u-mb1 u-c-black">Video Course</p><p class="u-fs20 u-mb3">Telerik courses on YouTube provide step-by-step video tutorials for a variety of .NET and JavaScript products. It is the perfect place to get started with Telerik UI for ASP.NET MVC and accelerate your onboarding process. </p><p class="u-fs20 u-mb3">From installation to advanced features, this video course equips you with the essential skills and knowledge to kickstart your ASP.NET MVC journey. </p><a href="/support/video-courses" class="u-fw5 u-tdn u-db icon-arrow" target="_blank">Learn More </a> </div><div class="col-6 u-m-col-12"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/productsimages/virtual-classroom-pic.png?sfvrsn=48f888c0_1" class="Blazor Virtual Classroom" /></div></div></div></div></div> </section> </div> <section class="Section u-pt8 u-pb8 u-tint-blue10 track--dcupgrade sctn-Pricing" data-sf-element="Section" data-placeholder-label="Section"> <div id="ContentPlaceholder1_C273_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content"> <h2 id="pricing">Flexible Packaging Tailored to Your Needs </h2><div class="row u-tac u-mb4" data-sf-element="Row"> <div id="ContentPlaceholder1_C415_Col00" class="sf_colsIn col-9 u-l-col-12" data-sf-element="Column 1" data-placeholder-label="Column 1"> <div class="u-ttu u-fs12 u-tac u-c-contrast u-mt1 u-mb1">License Type:</div><div class="Switch Switch--toggleMode u-df u-ma js-sub-perpetual-switch"><p class="Switch-label u-fs14 u-full u-fw4 u-lh120 u-mb0 u-mr2 u-tar u-ttn u-vam u-s-dn"><strong>Save at least 25%</strong> of your initial investment. Flat annual fee including product updates, technical support, and any forthcoming exclusive benefits.</p><div class="u-ma" data-tlrk-plugin="toggle" data-toggle=".js-sub-perpetual-switch" data-toggle-class-name="is-active"><div class="SwitchNav" data-tlrk-plugin="SwitchNav"><button type="button" class="SwitchNav-item HoverBox u-ps u-ao-0 is-active" data-tlrk-plugin="toggle" data-show=".js-subscription" data-hide=".js-perpetual" data-hash="subscription" data-toggle-hash="subscription" data-scope=".js-bundles">Subscription</button><button type="button" class="SwitchNav-item HoverBox u-ps u-ao-0" data-tlrk-plugin="toggle" data-show=".js-perpetual" data-hide=".js-subscription" data-hash="perpetual" data-toggle-hash="perpetual" data-scope=".js-bundles">Perpetual</button></div></div><p class="Switch-label u-fs14 u-full u-fw4 u-lh120 u-mb0 u-ml2 u-tal u-ttn u-vam u-s-dn">One-time purchase granting access to the current released versions. 1 year of product updates and technical support included.</p></div><div class="u-dn u-s-db u-tac"><div class="u-fs13 u-c-base Tip" style="--tip:--infoA;"><button popovertarget="license-info" class="u-c-contrast">License Type Information </button><div id="license-info" class="tooltip" popover=""><p><strong>Subscription:</strong> <strong>Save at least 25%</strong> of your initial investment. Flat annual fee including product updates, technical support, and any forthcoming exclusive benefits.</p><p><strong>Perpetual:</strong> One-time purchase granting access to the current released versions. 1 year of product updates and technical support included.</p></div></div></div></div> </div> <div class="Purchase" data-sf-element="Row"> <div id="ContentPlaceholder1_C431_Col00" class="sf_colsIn Purchase-head js-subscription" data-sf-element="Column 1" data-placeholder-label="Subscription Head"><div class="Purchase-mobileHead u-dn u-m-db u-zi5 js-sync-mobile-heads" data-tlrk-plugin="MobileHeader" data-MobileHeader-rows-selector=".Purchase-head.js-subscription, .Purchase-body div" data-MobileHeader-cols-selector=".Purchase-cell, dd" data-MobileHeader-observe=".js-sync-mobile-heads"> <button class="Purchase-mobileHead-main"> <span class="u-dfc"> <span class="Purchase-mobileHead-title js-title"></span> <span class="Purchase-mobileHead-subtitle js-subtitle"></span> <span class="Purchase-mobileHead-description u-fs12 js-description"></span> </span> <span class="Purchase-mobileHead-aside">See All</span> </button> <div class="Purchase-mobileHead-options"> <template data-foreach=".js-subscription .js-mobile-option"> <button class="Purchase-mobileHead-option"> <span class="js-title Purchase-mobileHead-title u-fs20" data-copy-from=".js-mobile-title"></span> <span class="js-subtitle u-fs20" data-copy-from=".js-mobile-subtitle"></span> <span class="js-description u-fs12" data-copy-from=".js-mobile-description"></span> </button> </template> </div> </div> <div class="Purchase-cell Purchase-cell--mvc js-mobile-option"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0">Telerik UI for ASP.NET MVC</h5></div><div class="Purchase-price"><div class="Purchase-price-inner u-fs60 u-c-black js-mobile-subtitle"><sup>$</sup> <span class="js-lite u-dn">749</span> <span class="js-priority">849</span> <span class="js-ultimate u-dn">1,249</span> </div><p class="u-fs12 js-mobile-description">per developer, <br />per year</p></div><div class="Purchase-support"><div class="u-fs12 u-mta">Choose support</div><div class="ComboBox js-sync-support" data-tlrk-plugin="ComboBox" data-combobox-selected-index="1" data-combobox-observe=".js-sync-support"><button type="button" class="ComboBox-control">Priority Support</button><div class="ComboBox-view"><button type="button" class="ComboBox-item" data-label="Lite Support" data-tlrk-plugin="toggle" data-show=".js-lite" data-hide=".js-priority, .js-ultimate" data-scope=".js-subscription, .Purchase-body"><div class="u-df u-l-fd-col u-m-fd-row"><div class="u-full"><div class="u-fw5">Lite Support</div><div class="u-fs14 u-c-grey">72h response time and up to 10 support incidents</div></div><div class="u-fw5">$749</div></div></button><button type="button" class="ComboBox-item" data-label="Priority Support" data-tlrk-plugin="toggle" data-show=".js-priority" data-hide=".js-lite, .js-ultimate" data-scope=".js-subscription, .Purchase-body"><div class="Ghost Ghost--bubble u-a-orange u-c-black u-fs10 u-lh1 u-fw6 u-ttu u-pen">Recommended</div><div class="u-df u-l-fd-col u-m-fd-row"><div class="u-full"><div class="u-fw5">Priority Support</div><div class="u-fs14 u-c-grey">24h response time and unlimited number of support incidents</div></div><div class="u-fw5">$849</div></div></button><button type="button" class="ComboBox-item" data-label="Ultimate Support" data-tlrk-plugin="toggle" data-show=".js-ultimate" data-hide=".js-lite, .js-priority" data-scope=".js-subscription, .Purchase-body"><div class="u-df u-l-fd-col u-m-fd-row"><div class="u-full"><div class="u-fw5">Ultimate Support</div><div class="u-fs14 u-c-grey">Everything in Priority Support + phone support and remote web assistance</div></div><div class="u-fw5">$1,249</div></div></button></div></div></div><div class="Purchase-actions"><a href="https://store.progress.com/configure-purchase?skuId=10008" class="Btn Btn--prim u-fs19 u-full u-m0 js-lite u-dn" data-sf-ec-immutable="">Buy Now</a> <a href="https://store.progress.com/configure-purchase?skuId=10006" class="Btn Btn--prim u-fs19 u-full u-m0 js-priority" data-sf-ec-immutable="">Buy Now</a> <a href="https://store.progress.com/configure-purchase?skuId=10004" class="Btn Btn--prim u-fs19 u-full u-m0 js-ultimate u-dn" data-sf-ec-immutable="">Buy Now</a> </div><div class="Purchase-details"><ul class="ListAdapt icon-check u-a-green1 u-fs14"><li>110+ components for any app scenario</li><li class="Purchase-figma">Telerik and Kendo UI Kits for Figma</li><li class="Purchase-DPL">Document processing libraries</li></ul></div></div> <div class="Purchase-cell Purchase-cell--DevCraftUI js-mobile-option"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0">DevCraft UI</h5></div><div class="Purchase-price"><div class="Purchase-price-inner u-fs60 u-c-black js-mobile-subtitle"><sup>$</sup> 1,149 </div><p class="u-fs12 js-mobile-description">per developer, <br />per year </p></div><div class="Purchase-support"><div class="Purchase-frame u-mb2"><ul class="ListAdapt icon-check u-fs14 u-a-green1 u-no-pseudo"><li class="u-mb0"><div class="u-fw5"><span class="Tip u-pr u-zi4" style="--tip:--sub-plan-devcraft-ui;"><button type="button" class="u-tdn u-tal u-fw5" popovertarget="sub-plan-devcraft-ui">The Subscription Plan Includes:</button><span id="sub-plan-devcraft-ui" class="u-ttn u-fs12 u-pen" popover="">Page Templates and Building Blocks are available for Kendo UI for Angular, KendoReact and Telerik UI for Blazor.</span> </span> </div><ul class="List u-pt0h"><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#page-templates" class="u-no-pseudo" data-sf-ec-immutable="">Page Templates</a></li><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#building-blocks" class="u-no-pseudo" data-sf-ec-immutable="">Building Blocks</a></li><li class="u-db u-mb0"><a href="/themebuilder" class="u-no-pseudo" data-sf-ec-immutable="">ThemeBuilder Tool</a></li></ul></li></ul></div><div class="ComboBox u-mta"><div class="ComboBox-control u-no-pseudo u-xl-fd-col u-m-fd-row"><div class="Tip u-xl-tac" style="--tip:--liteSupportSub;"><button popovertarget="lite-support-sub" class="u-tdn">Lite support</button><div id="lite-support-sub" popover="">72h response time<br />10 support incidents </div></div><a href="/purchase/support-plans" class="u-fs12 u-tdu" data-sf-ec-immutable="">Learn More</a> </div></div></div><div class="Purchase-actions"><a href="https://store.progress.com/configure-purchase?skuId=10021" class="Btn Btn--prim u-fs19 u-full" data-sf-ec-immutable="">Buy Now</a> </div><div class="Purchase-details"><ul class="ListAdapt icon-check u-a-green1 u-fs14"><li class="Purchase-previousProduct"></li><li class="Purchase-baseDevCraft">.NET and JavaScript UI components for web, desktop and mobile</li><li class="Purchase-addonItems">Page Templates, Buidling Blocks & ThemeBuilder Ultimate</li><li class="Purchase-DPL">Document processing libraries</li><li class="Purchase-figma">Telerik and Kendo UI Kits for Figma</li></ul></div></div> <div class="Purchase-featured"> <div class="Purchase-cell Purchase-cell--DevCraftComplete js-mobile-option"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0">DevCraft Complete</h5></div><div class="Purchase-price"><div class="Purchase-price-inner u-fs60 u-c-black js-mobile-subtitle"><sup>$</sup> 1,299</div><p class="u-fs12 js-mobile-description">per developer, <br />per year<br class="u-db u-m-dn" /><br class="u-db u-m-dn" /></p></div><div class="Purchase-support"><div class="Purchase-frame u-mb2"><ul class="ListAdapt icon-check u-fs14 u-a-green1 u-no-pseudo"><li class="u-mb0"><div class="u-fw5"><span class="Tip u-pr u-zi4" style="--tip:--sub-plan-devcraft-complete;"><button type="button" class="u-tdn u-tal u-fw5" popovertarget="sub-plan-devcraft-complete">The Subscription Plan Includes:</button><span id="sub-plan-devcraft-complete" class="u-ttn u-fs12 u-pen" popover="">Page Templates and Building Blocks are available for Kendo UI for Angular, KendoReact and Telerik UI for Blazor.</span> </span> </div><ul class="List u-pt0h"><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#page-templates" class="u-no-pseudo" data-sf-ec-immutable="">Page Templates</a></li><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#building-blocks" class="u-no-pseudo" data-sf-ec-immutable="">Building Blocks</a></li><li class="u-db u-mb0"><a href="/themebuilder" class="u-no-pseudo" data-sf-ec-immutable="">ThemeBuilder Tool</a></li></ul></li></ul></div><div class="ComboBox u-mta"><div class="ComboBox-control u-no-pseudo u-xl-fd-col u-m-fd-row"><div class="Tip u-xl-tac" style="--tip:--prioritySupportSub;"><button popovertarget="priority-support-sub" class="u-tdn">Priority support</button><div id="priority-support-sub" popover="">24h response time<br />Unlimited number of support incidents </div></div><a href="/purchase/support-plans" class="u-fs12 u-tdu" data-sf-ec-immutable="">Learn More</a> </div></div></div><div class="Purchase-actions"><a href="https://store.progress.com/configure-purchase?skuId=10016" class="Btn Btn--prim u-fs19 u-full" data-sf-ec-immutable="">Buy Now</a> </div><div class="Purchase-details"><ul class="ListAdapt icon-check u-a-green1 u-fs14"><li class="Purchase-previousProduct"></li><li class="Purchase-baseDevCraft">.NET and JavaScript UI components for web, desktop and mobile</li><li class="Purchase-addonItems">Page Templates, Buidling Blocks & ThemeBuilder Ultimate</li><li class="Purchase-DPL">Document processing libraries</li><li class="Purchase-reporting">Embedded reporting for web and desktop</li><li class="Purchase-mock">Mocking solution for rapid unit testing</li></ul></div></div> </div> <div class="Purchase-cell Purchase-cell--DevCraftUltimate js-mobile-option"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0">DevCraft Ultimate</h5></div><div class="Purchase-price"><div class="Purchase-price-inner u-fs60 u-c-black js-mobile-subtitle"><sup>$</sup> 1,649</div><p class="u-fs12 js-mobile-description">per developer, <br />per year<br class="u-db u-m-dn" /><br class="u-db u-m-dn" /></p></div><div class="Purchase-support"><div class="Purchase-frame u-mb2"><ul class="ListAdapt icon-check u-fs14 u-a-green1 u-no-pseudo"><li class="u-mb0"><div class="u-fw5"><span class="Tip u-pr u-zi4" style="--tip:--sub-plan-devcraft-ultimate;"><button type="button" class="u-tdn u-tal u-fw5" popovertarget="sub-plan-devcraft-ultimate">The Subscription Plan Includes:</button><span id="sub-plan-devcraft-ultimate" class="u-ttn u-fs12 u-pen" popover="">Page Templates and Building Blocks are available for Kendo UI for Angular, KendoReact and Telerik UI for Blazor.</span> </span> </div><ul class="List u-pt0h"><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#page-templates" class="u-no-pseudo" data-sf-ec-immutable="">Page Templates</a></li><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#building-blocks" class="u-no-pseudo" data-sf-ec-immutable="">Building Blocks</a></li><li class="u-db u-mb0"><a href="/themebuilder" class="u-no-pseudo" data-sf-ec-immutable="">ThemeBuilder Tool</a></li></ul></li></ul></div><div class="ComboBox u-mta"><div class="ComboBox-control u-no-pseudo u-xl-fd-col u-m-fd-row"><div class="Tip u-xl-tac" style="--tip:--ultimateSupportSub;"><button class="u-tdn" popovertarget="ultimate-support-sub">Ultimate support</button><div id="ultimate-support-sub" popover="">Everything in Priority Support<br />Phone support<br />Remote web assistance<br />Ticket pre-screening<br />Issue escalation </div></div><a href="/purchase/support-plans" class="u-fs12 u-tdu" data-sf-ec-immutable="">Learn More</a> </div></div></div><div class="Purchase-actions"><a href="https://store.progress.com/configure-purchase?skuId=10018" class="Btn Btn--prim u-fs19 u-full" data-sf-ec-immutable="">Buy Now</a> </div><div class="Purchase-details"><ul class="ListAdapt icon-check u-a-green1 u-fs14"><li class="Purchase-previousProduct"></li><li class="Purchase-baseDevCraft">.NET and JavaScript UI components for web, desktop and mobile</li><li class="Purchase-addonItems">Page Templates & Buidling Blocks</li><li class="Purchase-DPL">Document processing libraries</li><li class="Purchase-reportE2E">End-to-end report management solution</li><li class="Purchase-reporting">Embedded reporting for web and desktop</li><li class="Purchase-mock">Mocking solution for rapid unit testing</li><li>ThemeBuilder Enterprise</li></ul></div></div></div> <div id="ContentPlaceholder1_C431_Col01" class="sf_colsIn Purchase-head js-perpetual u-dn" data-sf-element="Column 2" data-placeholder-label="Perpetual Head"><div class="Purchase-mobileHead u-dn u-m-db u-zi5 js-sync-mobile-heads" data-tlrk-plugin="MobileHeader" data-MobileHeader-rows-selector=".Purchase-head.js-perpetual, .Purchase-body div" data-MobileHeader-cols-selector=".Purchase-cell, dd" data-MobileHeader-observe=".js-sync-mobile-heads"> <button class="Purchase-mobileHead-main"> <span class="u-dfc"> <span class="Purchase-mobileHead-title js-title"></span> <span class="Purchase-mobileHead-subtitle js-subtitle"></span> <span class="Purchase-mobileHead-description u-fs12 js-description"></span> </span> <span class="Purchase-mobileHead-aside">See All</span> </button> <div class="Purchase-mobileHead-options"> <template data-foreach=".js-perpetual .js-mobile-option"> <button class="Purchase-mobileHead-option"> <span class="js-title Purchase-mobileHead-title u-fs20" data-copy-from=".js-mobile-title"></span> <span class="js-subtitle u-fs20" data-copy-from=".js-mobile-subtitle"></span> <span class="js-description u-fs12" data-copy-from=".js-mobile-description"></span> </button> </template> </div> </div> <div class="Purchase-cell Purchase-cell--mvc js-mobile-option"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0">Telerik UI for ASP.NET MVC</h5></div><div class="Purchase-price"><div class="Purchase-price-inner u-fs60 u-c-black js-mobile-subtitle"><sup>$</sup> <span class="js-without-addon"> <span class="js-lite u-dn">999</span> <span class="js-priority">1,099</span> <span class="js-ultimate u-dn">1,499</span> </span> <span class="js-with-addon u-dn"> <span class="js-lite u-dn">1,548</span> <span class="js-priority">1,648</span> <span class="js-ultimate u-dn">2,048</span> </span> </div><p class="u-fs12 js-mobile-description"><span class="js-without-addon">per developer, <br class="u-db" />renewable at 50% of the list price</span> <span class="js-with-addon u-dn">per developer</span> </p></div><div class="Purchase-support"><div class="u-fs12 u-mta">Choose support</div><div class="ComboBox js-sync-support" data-tlrk-plugin="ComboBox" data-combobox-selected-index="1" data-combobox-observe=".js-sync-support"><button type="button" class="ComboBox-control">Priority Support</button><div class="ComboBox-view"><button type="button" class="ComboBox-item" data-label="Lite Support" data-tlrk-plugin="toggle" data-show=".js-lite" data-hide=".js-priority, .js-ultimate" data-scope=".js-perpetual, .Purchase-body"><div class="u-df u-l-fd-col u-m-fd-row"><div class="u-full"><div class="u-fw5">Lite Support</div><div class="u-fs14 u-c-grey">72h response time and up to 10 support incidents</div></div><div class="u-fw5"><span class="js-without-addon">$999</span> <span class="js-with-addon u-dn">$1,548</span> </div></div></button><button type="button" class="ComboBox-item" data-label="Priority Support" data-tlrk-plugin="toggle" data-show=".js-priority" data-hide=".js-lite, .js-ultimate" data-scope=".js-perpetual, .Purchase-body"><div class="Ghost Ghost--bubble u-a-orange u-c-black u-fs10 u-lh1 u-fw6 u-ttu u-pen">Recommended</div><div class="u-df u-l-fd-col u-m-fd-row"><div class="u-full"><div class="u-fw5">Priority Support</div><div class="u-fs14 u-c-grey">24h response time and unlimited number of support incidents</div></div><div class="u-fw5"><span class="js-without-addon">$1,099</span> <span class="js-with-addon u-dn">$1,648</span> </div></div></button><button type="button" class="ComboBox-item" data-label="Ultimate Support" data-tlrk-plugin="toggle" data-show=".js-ultimate" data-hide=".js-lite, .js-priority" data-scope=".js-perpetual, .Purchase-body"><div class="u-df u-l-fd-col u-m-fd-row"><div class="u-full"><div class="u-fw5">Ultimate Support</div><div class="u-fs14 u-c-grey">Everything in Priority Support + phone support and remote web assistance</div></div><div class="u-fw5"><span class="js-without-addon">$1,499</span> <span class="js-with-addon u-dn">$2,048</span> </div></div></button></div></div></div><div class="Purchase-actions"><div class="js-without-addon"><a href="https://store.progress.com/configure-purchase?skuId=9901" class="Btn Btn--prim u-fs19 u-full u-m0 js-lite u-dn" data-sf-ec-immutable="">Buy Now</a> <a href="https://store.progress.com/configure-purchase?skuId=9900" class="Btn Btn--prim u-fs19 u-full u-m0 js-priority" data-sf-ec-immutable="">Buy Now</a> <a href="https://store.progress.com/configure-purchase?skuId=9899" class="Btn Btn--prim u-fs19 u-full u-m0 js-ultimate u-dn" data-sf-ec-immutable="">Buy Now</a> </div><div class="js-with-addon u-dn"><a href="https://store.progress.com/configure-purchase?skuIds=9901,9995" class="Btn Btn--prim u-fs19 u-full u-m0 js-lite u-dn" data-sf-ec-immutable="">Buy Now</a> <a href="https://store.progress.com/configure-purchase?skuIds=9900,9995" class="Btn Btn--prim u-fs19 u-full u-m0 js-priority" data-sf-ec-immutable="">Buy Now</a> <a href="https://store.progress.com/configure-purchase?skuIds=9899,9995" class="Btn Btn--prim u-fs19 u-full u-m0 js-ultimate u-dn" data-sf-ec-immutable="">Buy Now</a> </div></div><div class="Purchase-details"><ul class="ListAdapt icon-check u-a-green1 u-fs14"><li>110+ components for any app scenario</li><li class="Purchase-figma">Telerik and Kendo UI Kits for Figma</li><li class="Purchase-DPL">Document processing libraries</li></ul></div></div> <div class="Purchase-cell Purchase-cell--DevCraftUI js-mobile-option js-cell-perpetual-devcraft-ui"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0">DevCraft UI</h5></div><div class="Purchase-price"><div class="Purchase-price-inner u-fs60 u-c-black js-mobile-subtitle"><span class="js-cell-perpetual-devcraft-ui"><sup>$</sup> <span class="js-without-devcraft-ui-addon">1,499</span> <span class="js-with-devcraft-ui-addon u-dn">2,048</span> </span> </div><p class="u-fs12 js-mobile-description"><span class="js-without-devcraft-ui-addon">per developer, <br class="u-db" />renewable at 50% of the list price</span> <span class="js-with-devcraft-ui-addon u-dn">per developer</span> </p></div><div class="Purchase-support"><div class="Purchase-frame u-mb2"><div class="u-df u-xl-fd-col u-m-fd-row"><div class="u-full u-mr1 u-xl-mr0 u-xl-mb1 u-xl-tac u-m-tal"><div class="u-fs14 u-fw5 u-mb0h"><span class="Tip u-pr u-zi4" style="--tip:--addon-devcraft-ui;"><button type="button" class="u-tdn u-tal u-fw5" popovertarget="addon-devcraft-ui">Include Add-on:</button><span id="addon-devcraft-ui" class="u-ttn u-fs12 u-pen" popover="">Page Templates and Building Blocks are available for Kendo UI for Angular, KendoReact and Telerik UI for Blazor. </span> </span> </div><ul class="List u-fs14"><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#page-templates" class="u-no-pseudo" data-sf-ec-immutable="">Page Templates</a></li><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#building-blocks" class="u-no-pseudo" data-sf-ec-immutable="">Building Blocks</a> </li><li class="u-db u-mb0"><a href="/themebuilder" class="u-no-pseudo" data-sf-ec-immutable="">ThemeBuilder Tool</a></li></ul></div><div class="u-dfc u-mla u-tac u-xl-ml0"><div class="Purchase-price-inner u-fs24 u-c-black u-tac u-fw5"><sup class="u-fs16 u-fw5">$</sup> 549 </div><div class="u-fs12 u-mb1 u-tac u-fw5">per developer</div><button class="Switch Switch--s js-tglslf-is-active u-mta u-vam" data-tlrk-plugin="toggle" data-toggle=".js-with-devcraft-ui-addon, .js-without-devcraft-ui-addon" data-scope=".js-perpetual"><span class="Switch-label">Include</span> <span class="Switch-btn"></span></button></div></div></div><div class="ComboBox u-mta"><div class="ComboBox-control u-no-pseudo u-xl-fd-col u-m-fd-row"><div class="Tip u-xl-tac" style="--tip:--liteSupportPer;"><button popovertarget="lite-support-per" class="u-tdn">Lite support</button><div id="lite-support-per" popover="">72h response time<br />10 support incidents </div></div><a href="/purchase/support-plans" class="u-fs12 u-tdu" data-sf-ec-immutable="">Learn More</a> </div></div></div><div class="Purchase-actions"><a href="https://store.progress.com/configure-purchase?skuId=801" class="Btn Btn--prim u-fs19 u-full u-m0 js-without-devcraft-ui-addon" data-sf-ec-immutable="">Buy Now </a> <a href="https://store.progress.com/configure-purchase?skuIds=801,9995" class="Btn Btn--prim u-fs19 u-full u-m0 js-with-devcraft-ui-addon u-dn" data-sf-ec-immutable="">Buy Now </a> </div><div class="Purchase-details"><ul class="ListAdapt icon-check u-a-green1 u-fs14"><li class="Purchase-previousProduct"></li><li class="Purchase-baseDevCraft">.NET and JavaScript UI components for web, desktop and mobile</li><li class="js-with-devcraft-ui-addon u-dn">Page Templates, Buidling Blocks & ThemeBuilder Ultimate</li><li class="Purchase-DPL">Document processing libraries</li><li class="Purchase-figma">Telerik and Kendo UI Kits for Figma</li></ul></div></div> <div class="Purchase-featured"> <div class="Purchase-cell Purchase-cell--DevCraftComplete js-mobile-option js-cell-perpetual-devcraft-complete"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0">DevCraft Complete</h5></div><div class="Purchase-price"><div class="Purchase-price-inner u-fs60 u-c-black js-mobile-subtitle"><sup>$</sup> <span class="js-without-devcraft-complete-addon">1,699</span> <span class="js-with-devcraft-complete-addon u-dn">2,248</span> </div><p class="u-fs12 js-mobile-description"><span class="js-without-devcraft-complete-addon">per developer, <br class="u-db" />renewable at 50% of the list price</span> <span class="js-with-devcraft-complete-addon u-dn">per developer<br class="u-db u-m-dn" /><br class="u-db u-m-dn" /></span> </p></div><div class="Purchase-support"><div class="Purchase-frame u-mb2"><div class="u-df u-xl-fd-col u-m-fd-row"><div class="u-full u-mr1 u-xl-mr0 u-xl-mb1 u-xl-tac u-m-tal"><div class="u-fs14 u-fw5 u-mb0h"><span class="Tip u-pr u-zi4" style="--tip:--addon-devcraft-ui;"><button type="button" class="u-tdn u-tal u-fw5" popovertarget="addon-devcraft-ui">Include Add-on:</button><span id="addon-devcraft-ui" class="u-ttn u-fs12 u-pen" popover="">Page Templates and Building Blocks are available for Kendo UI for Angular, KendoReact and Telerik UI for Blazor. </span> </span> </div><ul class="List u-fs14"><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#page-templates" class="u-no-pseudo" data-sf-ec-immutable="">Page Templates</a></li><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#building-blocks" class="u-no-pseudo" data-sf-ec-immutable="">Building Blocks</a> </li><li class="u-db u-mb0"><a href="/themebuilder" class="u-no-pseudo" data-sf-ec-immutable="">ThemeBuilder Tool</a></li></ul></div><div class="u-dfc u-mla u-tac u-xl-ml0"><div class="Purchase-price-inner u-fs24 u-c-black u-tac u-fw5"><sup class="u-fs16 u-fw5">$</sup> 549 </div><div class="u-fs12 u-mb1 u-tac u-fw5">per developer</div><button class="Switch Switch--s js-tglslf-is-active u-mta u-vam" data-tlrk-plugin="toggle" data-toggle=".js-without-devcraft-complete-addon, .js-with-devcraft-complete-addon" data-scope=".js-perpetual"><span class="Switch-label">Include</span> <span class="Switch-btn"></span></button></div></div></div><div class="ComboBox u-mta"><div class="ComboBox-control u-no-pseudo u-xl-fd-col u-m-fd-row"><div class="Tip u-xl-tac" style="--tip:--prioritySupportPer;"><button popovertarget="priority-support-per" class="u-tdn">Priority support</button><div id="priority-support-per" popover="">24h response time<br />Unlimited number of support incidents </div></div><a href="/purchase/support-plans" class="u-fs12 u-tdu" data-sf-ec-immutable="">Learn More</a> </div></div></div><div class="Purchase-actions"><a href="https://store.progress.com/configure-purchase?skuId=6127" class="Btn Btn--prim u-fs19 u-full u-m0 js-without-devcraft-complete-addon" data-sf-ec-immutable="">Buy Now </a><a href="https://store.progress.com/configure-purchase?skuIds=6127,9995" class="Btn Btn--prim u-fs19 u-full u-m0 js-with-devcraft-complete-addon u-dn" data-sf-ec-immutable="">Buy Now </a> </div><div class="Purchase-details"><ul class="ListAdapt icon-check u-a-green1 u-fs14"><li class="Purchase-previousProduct"></li><li class="Purchase-baseDevCraft">.NET and JavaScript UI components for web, desktop and mobile</li><li class="js-with-devcraft-complete-addon u-dn">Page Templates, Buidling Blocks & ThemeBuilder Ultimate</li><li class="Purchase-reporting">Embedded reporting for web and desktop</li><li class="Purchase-mock">Mocking solution for rapid unit testing</li><li class="Purchase-DPL">Document processing libraries</li></ul></div></div> </div> <div class="Purchase-cell Purchase-cell--DevCraftUltimate js-mobile-option js-cell-perpetual-devcraft-ultimate"><div class="Purchase-title"><h5 class="js-mobile-title u-mb0">DevCraft Ultimate</h5></div><div class="Purchase-price"><div class="Purchase-price-inner u-fs60 u-c-black js-mobile-subtitle"><sup>$</sup> <span class="js-without-devcraft-ultimate-addon">2,199</span> <span class="js-with-devcraft-ultimate-addon u-dn">2,748</span> </div><p class="u-fs12 js-mobile-description"><span class="js-without-devcraft-ultimate-addon">per developer, <br class="u-db" />renewable at 50% of the list price</span> <span class="js-with-devcraft-ultimate-addon u-dn">per developer<br class="u-db u-m-dn" /><br class="u-db u-m-dn" /></span> </p></div><div class="Purchase-support"><div class="Purchase-frame u-mb2"><div class="u-df u-xl-fd-col u-m-fd-row"><div class="u-full u-mr1 u-xl-mr0 u-xl-mb1 u-xl-tac u-m-tal"><div class="u-fs14 u-fw5 u-mb0h"><span class="Tip u-pr u-zi4" style="--tip:--addon-devcraft-ui;"> <button type="button" class="u-tdn u-tal u-fw5" popovertarget="addon-devcraft-ui">Include Add-on:</button><span id="addon-devcraft-ui" class="u-ttn u-fs12 u-pen" popover=""> Page Templates and Building Blocks are available for Kendo UI for Angular, KendoReact and Telerik UI for Blazor. </span> </span> </div><ul class="List u-fs14"><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#page-templates" class="u-no-pseudo" data-sf-ec-immutable="">Page Templates</a></li><li class="u-db u-mb0"><a href="/page-templates-and-ui-blocks#building-blocks" class="u-no-pseudo" data-sf-ec-immutable="">Building Blocks</a> </li><li class="u-db u-mb0"><a href="/themebuilder" class="u-no-pseudo" data-sf-ec-immutable="">ThemeBuilder Tool</a></li></ul></div><div class="u-dfc u-mla u-tac u-xl-ml0"><div class="Purchase-price-inner u-fs24 u-c-black u-tac u-fw5"><sup class="u-fs16 u-fw5">$</sup> 549 </div><div class="u-fs12 u-mb1 u-tac u-fw5">per developer</div><button class="Switch Switch--s js-tglslf-is-active u-mta u-vam" data-tlrk-plugin="toggle" data-toggle=".js-without-devcraft-ultimate-addon, .js-with-devcraft-ultimate-addon" data-scope=".js-perpetual"><span class="Switch-label">Include</span> <span class="Switch-btn"></span></button></div></div></div><div class="ComboBox u-mta"><div class="ComboBox-control u-no-pseudo u-xl-fd-col u-m-fd-row"><div class="Tip u-xl-tac" style="--tip:--ultimateSupportPer;"><button popovertarget="ultimate-support-per" class="u-tdn">Ultimate support</button><div id="ultimate-support-per" popover="">Everything in Priority Support<br />Phone support<br />Remote web assistance<br />Ticket pre-screening<br />Issue escalation </div></div><a href="/purchase/support-plans" class="u-fs12 u-tdu" data-sf-ec-immutable="">Learn More</a> </div></div></div><div class="Purchase-actions"><a href="https://store.progress.com/configure-purchase?skuId=6131" class="Btn Btn--prim u-fs19 u-full u-m0 js-without-devcraft-ultimate-addon" data-sf-ec-immutable="">Buy Now </a> <a href="https://store.progress.com/configure-purchase?skuIds=6131,9995" class="Btn Btn--prim u-fs19 u-full u-m0 js-with-devcraft-ultimate-addon u-dn" data-sf-ec-immutable="">Buy Now </a> </div><div class="Purchase-details"><ul class="ListAdapt icon-check u-a-green1 u-fs14"><li class="Purchase-previousProduct"></li><li class="Purchase-baseDevCraft">.NET and JavaScript UI components for web, desktop and mobile</li><li class="js-with-devcraft-ultimate-addon u-dn">Page Templates, Buidling Blocks & ThemeBuilder Ultimate</li><li class="Purchase-reportE2E">End-to-end report management solution</li><li class="Purchase-reporting">Embedded reporting for web and desktop</li><li class="Purchase-mock">Mocking solution for rapid unit testing</li></ul></div></div></div> </div> <div class="u-mt4 u-tac"><a href="/purchase/aspnet-mvc" class="Btn Btn--round3" data-sf-ec-immutable="">See Detailed Comparison</a></div> </div> </section> <section class="Section u-tint-blue1 u-pt8 u-pb8 sctn-Testimonials" data-sf-element="Section" data-placeholder-label="Section"> <div id="ContentPlaceholder1_C364_Col00" class="sf_colsIn container u-pr" data-sf-element="Section Content" data-placeholder-label="Section Content"><div id="ContentPlaceholder1_C365_Col00" class="sf_colsIn u-xl-pr4 u-xl-pl4 u-l-p0" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"> <div class="u-pr u-oh"> <div class="Testimonials-single u-mb4 u-ao-50 u-c-blue2 u-a-blue5"> <div class="js-slider-778b"> <div class="Testimonials-slide u-mb4 u-xl-pr4 u-xl-mr2 u-l-pr0 u-l-mr0 is-active"> <blockquote class="Testimonials-quote u-mb4"> <p>We have integrated excel plugin for our software to make it dynamic and it's working very well.</p> </blockquote> <div class="Testimonials-author u-mb4"> <cite> <div class="Testimonials-author-header">Jigar Rathod</div> <div class="Testimonials-author-desc">CTO, ADVAIT BUSINESS SOLUTIONS PRIVATE LIMITED</div> </cite> </div> </div> <div class="Testimonials-slide u-mb4 u-xl-pr4 u-xl-mr2 u-l-pr0 u-l-mr0 "> <blockquote class="Testimonials-quote u-mb4"> <p>Our company like to use Telerik Controls Tools for Web and Windows projects. It provides rich UI with simple usability. I would recommend this tools to my friends and colleagues.</p> </blockquote> <div class="Testimonials-author u-mb4"> <cite> <div class="Testimonials-author-header">Kirtan Patel</div> <div class="Testimonials-author-desc">Sr. Software Engineer, Parkway Corp</div> </cite> </div> </div> <div class="Testimonials-slide u-mb4 u-xl-pr4 u-xl-mr2 u-l-pr0 u-l-mr0 "> <blockquote class="Testimonials-quote u-mb4"> <p>Telerik UI has helped us to reduce the coding time and thus speed up the project delivery. Also admirable support from Telerik team.</p> </blockquote> <div class="Testimonials-author u-mb4"> <cite> <div class="Testimonials-author-header">Rajesh Kumar Sivadasan Pillai</div> <div class="Testimonials-author-desc">Director - Business Development, AFI infotech</div> </cite> </div> </div> <div class="Testimonials-slide u-mb4 u-xl-pr4 u-xl-mr2 u-l-pr0 u-l-mr0 "> <blockquote class="Testimonials-quote u-mb4"> <p>I have been using this product for many years. This library has grown so much over the years and love it more and more each year. Telerik staff is quick to answer my requests and are very helpful. Overall I am very happy andwould recommend :)</p> </blockquote> <div class="Testimonials-author u-mb4"> <cite> <div class="Testimonials-author-header">Garðar Valur Hallfreðsson</div> <div class="Testimonials-author-desc">Software Engineer, Austurnet ehf</div> </cite> </div> </div> <div class="Testimonials-slide u-mb4 u-xl-pr4 u-xl-mr2 u-l-pr0 u-l-mr0 "> <blockquote class="Testimonials-quote u-mb4"> <p>Hi Telerik team working on Kendo UI, we wish to thank you for this awesome superset of products. Out of the box, work great, require tweaking for Web standards. Support is helpful, technically works as advertised.</p> </blockquote> <div class="Testimonials-author u-mb4"> <cite> <div class="Testimonials-author-header">Mohammed Al-Mosawi</div> <div class="Testimonials-author-desc">Manager, Opus</div> </cite> </div> </div> <div class="Testimonials-slide u-mb4 u-xl-pr4 u-xl-mr2 u-l-pr0 u-l-mr0 "> <blockquote class="Testimonials-quote u-mb4"> <p>I very much enjoy using Telerik UI for ASP.NET MVC. It is a huge time saver to not have to code commonly used widgets and write code to support various browsers/devices. Kendo support, documentation and demos have improved greatly over the years.</p> </blockquote> <div class="Testimonials-author u-mb4"> <cite> <div class="Testimonials-author-header">Neil Sowers</div> <div class="Testimonials-author-desc">Programmer, Progresive Intellegence Technologies</div> </cite> </div> </div> </div> </div> <button class="Carousel-prev js-prev-778b u-l-dn" aria-label="previous testimonial"></button> <button class="Carousel-next js-next-778b u-l-dn" aria-label="next testimonial"></button> </div> <div class="Carousel-dots" data-tlrk-plugin="tlrkTabs" data-tlrktabs-wrapper-selector=".js-slider-778b" data-tlrktabs-automated="false" data-tlrktabs-set-anchors="false" data-tlrktabs-scroll-to-tabs="false" data-tlrktabs-animate-height="true" data-tlrktabs-prev-btn=".js-prev-778b" data-tlrktabs-next-btn=".js-next-778b" > <a href="javascript:void(0);" title="go to slide 1" aria-label="go to slide 1" class="is-active"></a> <a href="javascript:void(0);" title="go to slide 2" aria-label="go to slide 2" class=""></a> <a href="javascript:void(0);" title="go to slide 3" aria-label="go to slide 3" class=""></a> <a href="javascript:void(0);" title="go to slide 4" aria-label="go to slide 4" class=""></a> <a href="javascript:void(0);" title="go to slide 5" aria-label="go to slide 5" class=""></a> <a href="javascript:void(0);" title="go to slide 6" aria-label="go to slide 6" class=""></a> </div> <style> .hide-prev-next .Carousel-prev, .hide-prev-next .Carousel-next { display: none } /* Custom Transition of Slides */ .Testimonials-slide { position: absolute; top: 0; right: auto; bottom: 0; left: auto; opacity: 0; -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); -webkit-transition: visibility 0s linear .2s, opacity .175s, position 0s linear 2.8s, -webkit-transform .2s; transition: visibility 0s linear .2s, opacity .175s, position 0s linear 2.8s, -webkit-transform .2s; transition: visibility 0s linear .2s, opacity .175s, transform .2s, position 0s linear 2.8s; transition: visibility 0s linear .2s, opacity .175s, transform .2s, position 0s linear 2.8s, -webkit-transform .2s; visibility: hidden; } .Testimonials-slide.is-active { position: relative; opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: visibility 0s linear 0s, opacity 1.4s, position 0s linear 0s, -webkit-transform 1.4s; transition: visibility 0s linear 0s, opacity 1.4s, position 0s linear 0s, -webkit-transform 1.4s; transition: visibility 0s linear 0s, opacity 1.4s, transform 1.4s, position 0s linear 0s; transition: visibility 0s linear 0s, opacity 1.4s, transform 1.4s, position 0s linear 0s, -webkit-transform 1.4s; visibility: visible; } </style></div> </div> </section> <section class="Section u-bg-blue u-pt8 u-pb8 track--whats-new sctn-New" data-sf-element="Section" data-placeholder-label="Section"> <div id="ContentPlaceholder1_C237_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content"> <h2 id="WhatsNew">What's New with Telerik UI for <br />ASP.NET MVC Controls Library</h2><div> <div class="row"> <div class="col-4 u-l-col-6 u-m-col-6 u-s-col-12 u-mb6"> <div class="u-mb4"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/.net-maui-aiprompt/telerik-ui-for-asp-net-core-chart-wizard---overview--370x200.jpg?sfvrsn=93355487_2" alt="Telerik UI for ASP.NET Core Chart Wizard - Overview -370x200" title="Telerik UI for ASP.NET Core Chart Wizard - Overview -370x200" loading="lazy" class="u-full" /> </div> <div> <h3 class="u-mb2 h4">Configure Multiple Charts with Telerik UI for ASP.NET MVC Chart Wizard</h3> <p> The new Telerik UI for ASP.NET MVC Chart Wizard enables you to configure the visual representation in various charts by pulling data from external sources or a Grid, customize chart types and fine-tune chart elements. </p> </div> </div> <div class="col-4 u-l-col-6 u-m-col-6 u-s-col-12 u-mb6"> <div class="u-mb4"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/.net-maui-aiprompt/telerik-ui-for-asp-net-core-otp-input---thumbnail---370x200.png?sfvrsn=563f70cd_2" alt="Telerik UI for ASP.NET Core OTP Input - Thumbnail - 370x200" title="Telerik UI for ASP.NET Core OTP Input - Thumbnail - 370x200" loading="lazy" class="u-full" /> </div> <div> <h3 class="u-mb2 h4">New Telerik UI for ASP.NET MVC One-Time Password (OTP) Input Control</h3> <p> Enhance application security with the Telerik UI for ASP.NET MVC OTP Input. Simplifying multi-factor authentication, the OTP Input control is designed to streamline one time password entries. </p> </div> </div> <div class="col-4 u-l-col-6 u-m-col-6 u-s-col-12 u-mb6"> <div class="u-mb4"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/.net-maui-aiprompt/telerik-ui-for-asp-net-core-pdf-annotations--370x200.jpg?sfvrsn=415fb3a6_2" alt="Telerik UI for ASP.NET Core PDF Annotations -370x200" title="Telerik UI for ASP.NET Core PDF Annotations -370x200" loading="lazy" class="u-full" /> </div> <div> <h3 class="u-mb2 h4">ASP.NET MVC PDFViewer Annotations for Seamless Text Modifications</h3> <p> Customization in Telerik UI for ASP.NET MVC PDFViewer is even easier with new annotations (Text highlighting and Free text annotations). </p> </div> </div> </div> <div class="row u-m-pt2"> <div class="col-5 u-m-col-6 u-s-col-12"> <a href='/support/whats-new/aspnet-mvc' class="Btn Btn--ghost u-c-white u-m-db"> More new and planned features </a> </div> </div> </div> </div> </section> <section class="Section u-pt8 u-pb8 track--support-learning sctn-Resources" data-sf-element="Section" data-placeholder-label="Section"> <div id="ContentPlaceholder1_C240_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content"><div class="row" data-sf-element="Row"> <div id="ContentPlaceholder1_C385_Col00" class="sf_colsIn col-10" data-sf-element="Column 1" data-placeholder-label="Column 1"> <h2 class="u-mb5" id="GettingStarted">Telerik UI for ASP.NET MVC Support and Learning</h2></div> </div> <div class="row row--separated-l" data-sf-element="Row"> <div id="ContentPlaceholder1_C243_Col00" class="sf_colsIn col-8 u-l-col-12 u-l-mb4" data-sf-element="Column 1" data-placeholder-label="Column 1"><div class="row u-mb5" data-sf-element="Row"> <div id="ContentPlaceholder1_C244_Col00" class="sf_colsIn col-5 u-m-col-12" data-sf-element="Column 1" data-placeholder-label="Column 1"> <p><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/webinars/designstory/design-for-developers-784x441.png?sfvrsn=da8bdd75_1" loading="lazy" title="Foundations of Design for Developers" alt="Foundations of Design for Developers (eBook)" /></p></div> <div id="ContentPlaceholder1_C244_Col01" class="sf_colsIn col-7 u-m-col-12 u-pr5" data-sf-element="Column 2" data-placeholder-label="Column 2"> <h3 class="h6 u-fs17 u-ttu">eBook</h3><h4 class="u-mb1"><a href="/campaigns/design-story/ebook--foundations-of-design-for-developers">Foundations of Design for Developers</a> </h4><p class="u-pr3">This eBook will help you gain a solid grasp of the design fundamentals every engineer needs to know. Be well-equipped to bridge the gap between design and development.</p></div> </div> <div class="row u-mb5" data-sf-element="Row"> <div id="ContentPlaceholder1_C249_Col00" class="sf_colsIn col-5 u-m-col-12" data-sf-element="Column 1" data-placeholder-label="Column 1"> <img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/default-album/s-l_аnatomy.png?sfvrsn=41095487_6" loading="lazy" title="The Anatomy of Responsive ASP.NET Apps" alt="The Anatomy of Responsive ASP.NET Apps" /></div> <div id="ContentPlaceholder1_C249_Col01" class="sf_colsIn col-7 u-m-col-12 u-pr5" data-sf-element="Column 2" data-placeholder-label="Column 2"> <h3 class="h6 u-fs17 u-ttu">Free Whitepaper</h3><h4 class="u-mb1"><a href="/campaigns/aspnet/responsive-web-design" data-sf-ec-immutable=""> The Anatomy of Responsive ASP.NET Apps </a> </h4><p class="u-ff-sans1 u-fs20 u-mr3">This whitepaper will walk you through the must-know responsive web practices to help you succeed in building apps for any screen size. </p></div> </div> </div> <div id="ContentPlaceholder1_C243_Col01" class="sf_colsIn col-2 u-l-col-12 u-l-mb3" data-sf-element="Column 2" data-placeholder-label="Column 2"> <nav><h3 class="h6 u-fs17 u-ttu">Start Here</h3><ul class="List List--separated BlockLinks u-mb3"><li><a data-sf-ec-immutable="" href="http://demos.telerik.com/aspnet-mvc/" target="_blank">Demos</a></li><li><a data-sf-ec-immutable="" href="https://docs.telerik.com/aspnet-mvc/introduction" target="_blank">Documentation</a></li></ul><h3 class="h6 u-fs17 u-ttu">Resources</h3><ul class="List List--separated BlockLinks u-mb3"><li><a href="541717CA-28A2-42BA-AA52-84615FB5FCD4">Code Library</a></li><li><a href="/blogs/web">Blogs</a></li><li><a href="/whitepapers">Whitepapers</a></li><li><a href="https://www.telerik.com/videos/product/aspnet-mvc" target="_blank" data-sf-ec-immutable="">Videos</a></li></ul><h3 class="h6 u-fs17 u-ttu">Get help</h3><ul class="List List--separated BlockLinks u-mb3"><li><a href="437A71CA-B016-415D-AC02-E8794533591F">Forums</a></li><li><a data-sf-ec-immutable="" href="http://stackoverflow.com/search?q=kendoui+mvc" target="_blank">StackOverflow</a></li></ul><h3 class="h6 u-fs17 u-ttu">Community</h3><ul class="List List--separated BlockLinks"><li><a data-sf-ec-immutable="" href="http://feedback.telerik.com/Project/184" style="line-height:1.4;">Feedback Portal</a></li></ul></nav></div> <div id="ContentPlaceholder1_C243_Col02" class="sf_colsIn col-2 u-l-col-12 u-l-mb3 u-s-no-pseudo" data-sf-element="Column 3" data-placeholder-label="Column 3"> <h3 class="h6 u-fs17 u-ttu">Services</h3><ul class="List List--separated Space--cozy2 u-mb3 u-lh1"><li><a href="/services">Telerik Consulting</a></li><li><a href="/services">Instructor-led Training</a></li><li><a href="/services">Custom Training</a></li><li><a href="/services">UI/UX Design</a></li><li><a href="/services">Staff Augmentation</a></li><li><a href="/services">Feature Customization</a></li><li><a href="/services">Custom App Development</a></li><li><a href="/services">Code/Architecture Reviews</a></li><li><a href="/services">Custom Built Connectors</a></li><li><a href="/services">Business Requirement Analysis</a></li></ul><style>.Space--cozy2 li { margin-bottom: 10px } .Space--cozy2 h6 { font: 700 12px/1.2 Arial, Helvetica, sans-serif !important; } .sf-cb--legacy h6 { font-weight: 400 !important; } </style></div> </div> </div> </section> <section class="Section u-tint-grey u-pt8 u-pb8 u-oh track--industry-leading-support sctn-Support" data-sf-element="Section" data-placeholder-label="Section"> <div id="ContentPlaceholder1_C252_Col00" class="sf_colsIn container" data-sf-element="Section Content" data-placeholder-label="Section Content"><div class="row" data-sf-element="Row"> <div id="ContentPlaceholder1_C386_Col00" class="sf_colsIn col-10" data-sf-element="Column 1" data-placeholder-label="Column 1"> <h2 class="u-mb5">Industry-Leading Support for ASP.NET MVC Controls</h2></div> </div> <div class="row" data-sf-element="Row"> <div id="ContentPlaceholder1_C254_Col00" class="sf_colsIn col-6 u-l-col-12 u-l-mb4" data-sf-element="Column 1" data-placeholder-label="Column 1"><div class="row" data-sf-element="Row"> <div id="ContentPlaceholder1_C255_Col00" class="sf_colsIn col-4 u-l-col-3 u-s-mb1" data-sf-element="Column 1" data-placeholder-label="Column 1"> <div class="svgi u-w16 u-xl-w13"> <svg class="svgimg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 166 152" title="Progress Telerik Leading support" alt="Telerik UI for WinUI Leading support"><defs><lineargradient id="svg-gradient" x1="0" x2="0" y1="0" y2="1" gradientUnits="objectBoundingBox"><stop offset="0"></stop><stop offset="1"></stop></lineargradient> </defs> <path data-name="Clip 2" d="M81 39.5v80.743h37.5a37.5 37.5 0 0037.478-36.233L156 53.788V39.5A37.5 37.5 0 00118.5 2 37.5 37.5 0 0081 39.5" fill="url(#svg-gradient)"></path><path data-name="Clip 26" d="M40.19 107.815l-3.073-5.325a17.4 17.4 0 01-3.171.292 17.66 17.66 0 01-3.2-.294l-3.071 5.315a22.641 22.641 0 01-10.097-5.83l3.07-5.316a17.385 17.385 0 01-3.19-5.517h-6.145a23.376 23.376 0 01.009-11.652h6.139a17.372 17.372 0 011.33-2.913 17.607 17.607 0 011.858-2.609l-3.071-5.317a23.394 23.394 0 0110.088-5.834l3.074 5.325a17.391 17.391 0 013.171-.292 17.6 17.6 0 013.2.3l3.067-5.321a22.695 22.695 0 0110.1 5.826l-3.069 5.316a17.4 17.4 0 013.188 5.517h6.15a23.385 23.385 0 01-.01 11.653h-6.142a16.879 16.879 0 01-3.189 5.522l3.07 5.315a23.38 23.38 0 01-10.085 5.839zm-6.262-29.094a6.592 6.592 0 106.592 6.594 6.6 6.6 0 00-6.592-6.594z" fill="url(#svg-gradient)"></path><g class="icon"><path d="M74.414 56.386a3.395 3.395 0 11-3.395-3.395 3.4 3.4 0 013.395 3.395z"></path><path d="M121.008 56.386a3.395 3.395 0 11-3.395-3.395 3.4 3.4 0 013.395 3.395z"></path><path d="M75.599 86.628h19v-33.81z"></path><path d="M67.749 43.742h88.25"></path><path d="M121.508 102.242a3.395 3.395 0 11-3.395-3.395 3.4 3.4 0 013.395 3.395z"></path><path d="M121.852 102.242h0A19.647 19.647 0 00141.499 82.6l-.036-54.613A25.982 25.982 0 00115.481 2"></path><path d="M147.463 51.242v35"></path><path d="M140.999 86.642h6.53a17.5 17.5 0 100-35h-5.666"></path><path d="M72.961 108.242l-7.584-13.137a33 33 0 10-7.826 13.137z"></path></g> <g class="icon Text--b9 u-c-white"><path d="M80.999 108.742h.6a37.181 37.181 0 0026.29-10.89l.11-.11h-27"></path></g> </svg> </div> </div> <div id="ContentPlaceholder1_C255_Col01" class="sf_colsIn col-8" data-sf-element="Column 2" data-placeholder-label="Column 2"> <h3 class="h4 u-mb1">Expert and Timely Response</h3><p class="u-fs20 u-ff-sans1">Telerik UI for ASP.NET MVC customers have the benefit of accessing Telerik premium support forums and getting answers from the engineers who built Telerik UI for ASP.NET MVC. Even during trial.</p><a data-sf-ec-immutable="" class="u-tdn u-dib u-ff-sans2 u-fs20 icon-arrow" href="/account/support-tickets/my-support-tickets.aspx" title="Contact Telerik Support">Contact Telerik support </a></div> </div> </div> <div id="ContentPlaceholder1_C254_Col01" class="sf_colsIn col-6 u-l-col-12" data-sf-element="Column 2" data-placeholder-label="Column 2"><div class="row" data-sf-element="Row"> <div id="ContentPlaceholder1_C256_Col00" class="sf_colsIn col-4 u-l-col-3 u-s-mb1" data-sf-element="Column 1" data-placeholder-label="Column 1"> <div class="svgi u-w16 u-xl-w13"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 162.747 118.541" class="svgimg" title="Progress Telerik Evaluation Help" alt="Telerik UI for WinUI Evaluation Help"><defs><lineargradient id="svg-grad" x1="1.147" y1=".5" x2="-.302" y2=".5" gradientUnits="objectBoundingBox"><stop offset="0"></stop><stop offset="1"></stop></lineargradient> <lineargradient id="svg-grad-b" x1="2.644" x2=".738" y1="-.775" y2=".358" xlink:href="#svg-grad"></lineargradient></defs> <path fill="url(#svg-grad)" d="M1029.195 210.735v-24.749a53.832 53.832 0 10-21.774 12.178z" transform="translate(-883.735 -92.76)"></path><path fill="none" stroke="#fff" stroke-miterlimit="10" d="M122.203 85.826h-26v-19h-19v-26h19v-19h26v19h19v26h-19z"></path><path fill="url(#svg-grad-b)" d="M939.909 165.236h-6.139a16.88 16.88 0 00-3.188-5.522l3.069-5.316a23.323 23.323 0 00-10.086-5.834l-3.074 5.326a17.416 17.416 0 00-6.373 0l-3.07-5.317a22.648 22.648 0 00-10.09 5.826l3.069 5.317a17.436 17.436 0 00-3.189 5.517h-6.149a23.319 23.319 0 00.009 11.652h6.139a16.835 16.835 0 003.188 5.522l-3.07 5.316a23.328 23.328 0 0010.086 5.834l3.075-5.326a17.415 17.415 0 006.373 0l3.069 5.317a22.644 22.644 0 0010.091-5.826l-3.069-5.322a17.447 17.447 0 003.189-5.517h6.149a23.32 23.32 0 00-.009-11.647zM920.6 176.771a6.592 6.592 0 112.412-9 6.593 6.593 0 01-2.412 9z" transform="translate(-883.735 -92.76)"></path><g class="icon"><path d="M11.173 117.675v-15.169a33 33 0 1113.346 7.464z" class="c"></path><path d="M137.203 44.825h-19v-19h-18v19h-19v18h19v19h18v-19h19z" class="c"></path></g> </svg> </div> </div> <div id="ContentPlaceholder1_C256_Col01" class="sf_colsIn col-8" data-sf-element="Column 2" data-placeholder-label="Column 2"> <h3 class="h4 u-mb1">Need Evaluation Help?</h3><p class="u-fs20 u-ff-sans1">No time to evaluate our ASP.NET MVC framework? Send us your project requirements. We will evaluate your required features for you and let you know how we can help.</p><a class="u-tdn u-dib u-ff-sans2 u-fs20 icon-arrow" href="/support/send-project-requirements">Send us your requirements </a></div> </div> </div> </div> <div id="ContentPlaceholder1_C372_Col00" class="sf_colsIn DC-Scroller--end" data-sf-element="EmptyWrapper" data-placeholder-label="EmptyWrapper"></div> </div> </section> <div class="Section u-bg-blue4 u-pt10 u-pb10 track--next-steps"><div class="Section-bg Section-bg--n"><img src="https://d585tldpucybw.cloudfront.net/sfimages/default-source/decorations/get-started-waves.svg?sfvrsn=f770ce3b_2" loading="lazy" title="Next Steps Section Background" alt="Next Steps Section Background" /></div><div class="container"><h2 class="u-mb7">Next Steps</h2><div class="row"><div class="col-4 u-m-col-6 u-s-mb3"><a data-sf-ec-immutable="" href="http://demos.telerik.com/aspnet-mvc/" class="Btn Btn--sec u-fs24 u-db u-mb1">Launch demos</a> <p class="u-fs18 u-c-grey7 u-mt2 u-s-mt1">See UI for ASP.NET MVC in action and check out how much it can do out-of-the-box.</p></div><div class="col-4 u-m-col-6 u-s-mb3"><a href="/purchase/aspnet-mvc" title="See ASP.NET MVC pricing" class="Btn Btn--sec u-fs24 u-db u-mb1">Compare pricing</a> <p class="u-fs18 u-c-grey7 u-mt2 u-s-mt1">Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.</p></div><div class="col-4 u-m-col-6"><a href="/try/ui-for-asp.net-mvc" class="Btn Btn--prim u-fs24 u-db u-mb1">Download Free Trial</a> <p class="u-fs18 u-c-grey7 u-mt2 u-s-mt1">Try UI for ASP.NET MVC with dedicated technical support.</p></div></div></div></div></div> <footer class="TK-Footer" data-tlrk-nav-version="3.5.76" data-tlrk-nav-template="footer-big-rel-markup"><div class="TK-container"><div class="TK-row TK-No-Print"><div class="TK-col-8 TK--Footer-Desktop"><div class="TK-Footer-Featured-Item"><div class="TK-Footer-H">Complete .NET Toolbox</div><a href="/devcraft" class="TK-Footer-Featured-Link">Telerik DevCraft</a></div><div class="TK-Footer-Featured-Item"><div class="TK-Footer-H">Complete JavaScript Toolbox</div><a href="/kendo-ui" class="TK-Footer-Featured-Link">Kendo UI</a></div></div><div class="TK-col-16"><div class="TK-row"><div class="TK-col-6 TK--Footer-Desktop"><div class="TK-Footer-H TK--Footer-Desktop">Get Products</div><ul class="TK-Footer-List"><li class="TK-Footer-List-Item"><a href="/download" class="TK-Footer-Link">Free Trials</a></li><li class="TK-Footer-List-Item"><a href="/purchase.aspx" class="TK-Footer-Link">Pricing</a></li></ul></div><div class="TK-col-6 TK--Footer-Desktop"><div class="TK-Footer-H TK--Footer-Desktop">Resources</div><ul class="TK-Footer-List"><li class="TK-Footer-List-Item"><a href="/support/demos" class="TK-Footer-Link">Demos</a></li><li class="TK-Footer-List-Item"><a href="/documentation" class="TK-Footer-Link">Documentation</a></li><li class="TK-Footer-List-Item"><a href="/support/whats-new/release-history" class="TK-Footer-Link">Release History</a></li><li class="TK-Footer-List-Item"><a href="/forums" class="TK-Footer-Link">Forums</a></li><li class="TK-Footer-List-Item"><a href="/blogs" class="TK-Footer-Link">Blogs</a></li><li class="TK-Footer-List-Item"><a href="/webinars" class="TK-Footer-Link">Webinars</a></li><li class="TK-Footer-List-Item"><a href="/videos" class="TK-Footer-Link">Videos</a></li><li class="TK-Footer-List-Item"><a href="/services" class="TK-Footer-Link">Professional Services</a></li><li class="TK-Footer-List-Item"><a href="https://www.progress.com/partners/partner-locator?Products=KendoUI+and+Telerik" class="TK-Footer-Link">Partners</a></li><li class="TK-Footer-List-Item"><a href="/support/virtual-classroom" class="TK-Footer-Link">Virtual Classroom</a></li><li class="TK-Footer-List-Item"><a href="https://www.progress.com/events" class="TK-Footer-Link">Events</a></li><li class="TK-Footer-List-Item"><a href="/faqs" class="TK-Footer-Link">FAQs</a></li></ul></div><div class="TK-col-6 TK--Footer-Desktop"><div class="TK-Footer-H TK--Footer-Desktop">Recognition</div><ul class="TK-Footer-List"><li class="TK-Footer-List-Item"><a href="/about/success-stories" class="TK-Footer-Link">Success Stories</a></li><li class="TK-Footer-List-Item"><a href="/about/testimonials" class="TK-Footer-Link">Testimonials</a></li></ul></div><div class="TK-col-6 TK--Footer-Desktop"><div class="TK-Footer-H TK--Footer-Desktop">Get in touch</div><ul class="TK-Footer-List"><li class="TK-Footer-List-Item"><a href="/contact" class="TK-Footer-Link">Contact Us</a></li><li><ul class="TK-Footer-List--inner"><li class="TK-Footer-List-Item"><a href="tel:+18886790442" class="TK-Footer-Phone-Link u-db">USA: <span class="TK-wsn">+1 888 679 0442</span></a></li><li class="TK-Footer-List-Item"><a href="tel:+441344838186" class="TK-Footer-Phone-Link u-db">UK: <span class="TK-wsn">+44 13 4483 8186</span></a></li><li class="TK-Footer-List-Item"><a href="tel:+914069019447" class="TK-Footer-Phone-Link u-db">India: <span class="TK-wsn">+91 406 9019447</span></a></li><li class="TK-Footer-List-Item"><a href="tel:+35928099850" class="TK-Footer-Phone-Link u-db">Bulgaria: <span class="TK-wsn">+359 2 8099850</span></a></li><li class="TK-Footer-List-Item"><a href="tel:+61370688610" class="TK-Footer-Phone-Link u-db">Australia: <span class="TK-wsn">+61 3 7068 8610</span></a></li></ul></li><li><ul class="TK-Footer-List--inner TK-Footer-List-Horizontal TK-Footer-List-Social"><li class="TK-Footer-List-Horizontal-Item"><a href="https://www.facebook.com/telerik" title="Facebook" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M16 7h-1.924C13.461 7 13 7.252 13 7.889V9h3l-.238 3H13v8h-3v-8H8V9h2V7.077C10 5.055 11.064 4 13.461 4H16zM5 0a5 5 0 00-5 5v14a5 5 0 005 5h14a5 5 0 005-5V5a5 5 0 00-5-5z" fill="#000"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">165k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://x.com/telerik" title="X" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" fill="#000"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">50k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://www.linkedin.com/company/telerik" title="LinkedIn" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M20 19h-3v-5.6c0-3.368-4-3.113-4 0V19h-3V8h3v1.765c1.4-2.586 7-2.777 7 2.476zM6.5 6.732a1.757 1.757 0 01-1.75-1.764A1.757 1.757 0 016.5 3.2a1.758 1.758 0 011.75 1.764A1.757 1.757 0 016.5 6.728zM5 19h3V8H5zM19 0H5a5 5 0 00-5 5v14a5 5 0 005 5h14a5 5 0 005-5V5a5 5 0 00-5-5z" fill="#000" fill-rule="evenodd"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">17k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://www.twitch.tv/codeitlive" title="Twitch" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 23 24.05"><path d="M1.57.02L0 4.18V20.9h5.75v3.12h3.14l3.13-3.14h4.71L23 14.61V.02zm2.09 2.07h17.25v11.5l-3.66 3.66H11.5l-3.13 3.13v-3.13H3.66zm5.75 10.45h2.09V6.27H9.41zm5.75 0h2.09V6.27h-2.09z" fill="#000"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">4k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://www.youtube.com/c/telerik" title="YouTube" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="18.287" viewBox="0 0 26 18.287"><path fill="#010101" d="M25.74 3.945a5.625 5.625 0 0 0-1.034-2.581 3.718 3.718 0 0 0-2.605-1.1c-3.638-.263-9.1-.263-9.1-.263h-.011s-5.458 0-9.1.263a3.719 3.719 0 0 0-2.605 1.1A5.623 5.623 0 0 0 .26 3.945 39.324 39.324 0 0 0 0 8.154v1.972a39.323 39.323 0 0 0 .26 4.208 5.623 5.623 0 0 0 1.033 2.58 4.408 4.408 0 0 0 2.867 1.112c2.08.2 8.84.261 8.84.261s5.463-.008 9.1-.271a3.719 3.719 0 0 0 2.605-1.1 5.625 5.625 0 0 0 1.035-2.582 39.377 39.377 0 0 0 .26-4.208V8.154a39.377 39.377 0 0 0-.26-4.209Zm-15.388 8.6V5.211l6.974 3.665Z"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">14k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://github.com/telerik" title="GitHub" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12,0A12.047,12.047,0,0,0,0,12,12.455,12.455,0,0,0,9.188,24V20.03a2.889,2.889,0,0,1-3.239-1.441c-.273-.46-.756-.959-1.26-.922l-.124-1.4a2.892,2.892,0,0,1,2.593,1.6,1.555,1.555,0,0,0,.9.772,1.89,1.89,0,0,0,1.181-.1,3.3,3.3,0,0,1,.827-1.691h0C6.942,16.382,5.7,14.724,5.2,13.415a5.506,5.506,0,0,1,.855-5.281A.188.188,0,0,0,6.1,7.989a4.6,4.6,0,0,1,.14-3.073,4.858,4.858,0,0,1,2.663,1l.337.2c.141.084.1.036.238.025A10.182,10.182,0,0,1,12,5.792a10.225,10.225,0,0,1,2.553.363l.109.011c-.01,0,.03-.007.1-.046,2.436-1.476,2.349-.993,3-1.206A4.682,4.682,0,0,1,17.9,7.989c-.071.218,2.112,2.217.9,5.426-.494,1.309-1.74,2.968-4.866,3.434h0a3.086,3.086,0,0,1,.879,2.2V24A12.454,12.454,0,0,0,24,12,12.047,12.047,0,0,0,12,0Z"></path></svg></a></li></ul></li></ul></div></div><div class="TK-row TK-row--M2 TK--Footer-Mobile"><div class="TK-col-24"><ul class="TK-Footer-List"><li class="TK-Footer-List-Item"><a href="/contact" class="TK-Footer-Link">Contact Us</a></li><li><ul class="TK-Footer-List--inner TK-Footer-List-Horizontal TK-Footer-List-Social"><li class="TK-Footer-List-Horizontal-Item"><a href="https://www.facebook.com/telerik" title="Facebook" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M16 7h-1.924C13.461 7 13 7.252 13 7.889V9h3l-.238 3H13v8h-3v-8H8V9h2V7.077C10 5.055 11.064 4 13.461 4H16zM5 0a5 5 0 00-5 5v14a5 5 0 005 5h14a5 5 0 005-5V5a5 5 0 00-5-5z" fill="#000"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">165k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://x.com/telerik" title="X" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" fill="#000"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">50k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://www.linkedin.com/company/telerik" title="LinkedIn" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M20 19h-3v-5.6c0-3.368-4-3.113-4 0V19h-3V8h3v1.765c1.4-2.586 7-2.777 7 2.476zM6.5 6.732a1.757 1.757 0 01-1.75-1.764A1.757 1.757 0 016.5 3.2a1.758 1.758 0 011.75 1.764A1.757 1.757 0 016.5 6.728zM5 19h3V8H5zM19 0H5a5 5 0 00-5 5v14a5 5 0 005 5h14a5 5 0 005-5V5a5 5 0 00-5-5z" fill="#000" fill-rule="evenodd"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">17k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://www.twitch.tv/codeitlive" title="Twitch" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 23 24.05"><path d="M1.57.02L0 4.18V20.9h5.75v3.12h3.14l3.13-3.14h4.71L23 14.61V.02zm2.09 2.07h17.25v11.5l-3.66 3.66H11.5l-3.13 3.13v-3.13H3.66zm5.75 10.45h2.09V6.27H9.41zm5.75 0h2.09V6.27h-2.09z" fill="#000"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">4k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://www.youtube.com/c/telerik" title="YouTube" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="18.287" viewBox="0 0 26 18.287"><path fill="#010101" d="M25.74 3.945a5.625 5.625 0 0 0-1.034-2.581 3.718 3.718 0 0 0-2.605-1.1c-3.638-.263-9.1-.263-9.1-.263h-.011s-5.458 0-9.1.263a3.719 3.719 0 0 0-2.605 1.1A5.623 5.623 0 0 0 .26 3.945 39.324 39.324 0 0 0 0 8.154v1.972a39.323 39.323 0 0 0 .26 4.208 5.623 5.623 0 0 0 1.033 2.58 4.408 4.408 0 0 0 2.867 1.112c2.08.2 8.84.261 8.84.261s5.463-.008 9.1-.271a3.719 3.719 0 0 0 2.605-1.1 5.625 5.625 0 0 0 1.035-2.582 39.377 39.377 0 0 0 .26-4.208V8.154a39.377 39.377 0 0 0-.26-4.209Zm-15.388 8.6V5.211l6.974 3.665Z"/></svg> <span class="TK-Footer-Social-Link-Count TK-fs16">14k+</span></a></li><li class="TK-Footer-List-Horizontal-Item"><a href="https://github.com/telerik" title="GitHub" class="TK-Footer-Social-Link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12,0A12.047,12.047,0,0,0,0,12,12.455,12.455,0,0,0,9.188,24V20.03a2.889,2.889,0,0,1-3.239-1.441c-.273-.46-.756-.959-1.26-.922l-.124-1.4a2.892,2.892,0,0,1,2.593,1.6,1.555,1.555,0,0,0,.9.772,1.89,1.89,0,0,0,1.181-.1,3.3,3.3,0,0,1,.827-1.691h0C6.942,16.382,5.7,14.724,5.2,13.415a5.506,5.506,0,0,1,.855-5.281A.188.188,0,0,0,6.1,7.989a4.6,4.6,0,0,1,.14-3.073,4.858,4.858,0,0,1,2.663,1l.337.2c.141.084.1.036.238.025A10.182,10.182,0,0,1,12,5.792a10.225,10.225,0,0,1,2.553.363l.109.011c-.01,0,.03-.007.1-.046,2.436-1.476,2.349-.993,3-1.206A4.682,4.682,0,0,1,17.9,7.989c-.071.218,2.112,2.217.9,5.426-.494,1.309-1.74,2.968-4.866,3.434h0a3.086,3.086,0,0,1,.879,2.2V24A12.454,12.454,0,0,0,24,12,12.047,12.047,0,0,0,12,0Z"></path></svg></a></li></ul></li></ul></div></div></div></div><div class="TK-row TK-row--M1"><div class="TK-col-24"><a href="https://www.progress.com" aria-label="Go to Progress.com" class="TK-PRGS-Logo-Footer"><svg xmlns="http://www.w3.org/2000/svg" width="130" height="30" viewBox="0 0 512 120"><path fill="#5ce500" d="M95.52 29.33v51a3.93 3.93 0 0 1-1.78 3.08l-1.67 1-12.72 7.35-8.59 5-1.78 1V42.6L21.23 15 43.91 1.93 46 .74a3.94 3.94 0 0 1 3.56 0L81 18.9l14.51 8.38v2.05zM58.36 48.72l-9.79-5.66-22.91-13.23a4 4 0 0 0-3.56 0L1.77 41.57 0 42.6l34.49 19.91v39.83l20.3-11.73 1.79-1a3.94 3.94 0 0 0 1.78-3.08V48.72zM0 82.43l23.86 13.78V68.63z"></path><path fill="#4b4e52" d="M148.09 27.28h-26v70.48h11.55V70.1h14.57c15.77 0 24.45-7.7 24.45-21.69 0-6.35-2.4-21.12-24.55-21.12m12.78 21.31c0 7.95-4.12 11.19-14.24 11.19h-13v-22.1h14.57c8.56 0 12.71 3.57 12.71 10.91M207 46.41l.87.42-2 10.42-1.35-.42a11.32 11.32 0 0 0-3.34-.51c-10.79 0-11.67 8.59-11.67 19v22.44h-10.64V46h10v6.24c2.73-4.2 6-6.37 10.37-6.9a14.55 14.55 0 0 1 7.76 1.07M233.29 45c-8.42 0-15.16 3.2-19.5 9.27-4.56 6.37-5.23 13.85-5.23 17.74 0 16.36 9.7 26.92 24.73 26.92 18.26 0 24.73-14.71 24.73-27.3 0-7.25-2.15-13.82-6-18.51-4.41-5.31-10.87-8.12-18.7-8.12m0 44.38c-8.37 0-13.57-6.66-13.57-17.37s5.2-17.55 13.57-17.55S247 61.23 247 71.78c0 10.83-5.24 17.56-13.66 17.56m114.55-42.93l.87.42-2 10.42-1.35-.42a11.26 11.26 0 0 0-3.33-.51c-10.78 0-11.66 8.59-11.66 19v22.44h-10.66V46h10v6.24c2.73-4.2 6-6.37 10.37-6.9a14.54 14.54 0 0 1 7.73 1.06m38.4 34.76l-.2.57c-2.23 6.36-7.57 7.7-11.65 7.7-8.09 0-13.3-5.37-13.81-14.09h36.59l.13-1a31.26 31.26 0 0 0 .12-4.12v-.93C396.93 54.78 387.48 45 374 45c-7.9 0-14.37 3.1-18.73 9a30.85 30.85 0 0 0-5.54 18c0 16 9.95 26.74 24.74 26.74 11.45 0 19.33-5.82 22.2-16.38l.33-1.2h-10.7zM361 66.05c.9-7.17 5.81-11.73 12.79-11.73 5.33 0 11.64 3.1 12.52 11.73H361zm-60.7-15.71c-3.45-3.58-8.06-5.39-13.76-5.39-15.69 0-22.83 13.81-22.83 26.63 0 13.16 7.06 26.44 22.83 26.44a18.33 18.33 0 0 0 13.35-5.42c0 2.28-.1 4.45-.16 5.38-.58 8.54-4.68 12.51-12.91 12.51-4.47 0-9.61-1.59-10.6-6l-.22-1h-10.54l.17 1.41c1.1 9.12 9.11 14.79 20.9 14.79 10.34 0 17.7-3.9 21.28-11.26 1.73-3.55 2.6-8.72 2.6-15.37V46h-10.13v4.34zm-13.11 38.15c-3.74 0-12.43-1.69-12.43-17.37 0-10.3 4.87-16.7 12.71-16.7 6.06 0 12.52 4.39 12.52 16.7 0 10.87-4.79 17.37-12.81 17.37m159.67-6.31c0 8.23-6.83 16.53-22.09 16.53-13.5 0-21.53-5.85-22.61-16.45l-.15-1.1h10.52l.21.84c1.29 6.38 7.37 7.72 12.24 7.72 5.34 0 11-1.72 11-6.54 0-2.44-1.59-4.18-4.73-5.16-1.86-.55-4.15-1.2-6.56-1.87-4.16-1.16-8.47-2.38-11.12-3.29-6.56-2.35-10.33-6.93-10.33-12.56 0-10.43 10.16-15.11 20.22-15.11 13.46 0 20.42 5.07 21.3 15.49l.09 1.07H434.5l-.14-.82c-1-6-7-6.9-10.48-6.9-3 0-10 .53-10 5.5 0 2.25 1.93 3.91 5.89 5.06 1.18.33 2.94.78 5 1.31 4.22 1.09 9.48 2.46 12.13 3.37 6.59 2.32 9.93 6.67 9.93 13m49.39 0c0 8.23-6.83 16.53-22.09 16.53-13.5 0-21.53-5.85-22.61-16.45l-.11-1.09H462l.12.74c1.29 6.38 7.37 7.72 12.24 7.72 5.34 0 11-1.72 11-6.54 0-2.44-1.59-4.18-4.72-5.16-1.86-.55-4.15-1.2-6.57-1.87-4.16-1.16-8.46-2.38-11.11-3.29-6.57-2.35-10.33-6.93-10.33-12.56 0-10.43 10.16-15.11 20.22-15.11 13.46 0 20.42 5.07 21.29 15.49l.09 1.07H483.9l-.14-.82c-1-6-7-6.9-10.48-6.9-3 0-9.95.53-9.95 5.5 0 2.25 1.93 3.91 5.89 5.06 1.18.33 2.94.78 5 1.31 4.22 1.09 9.48 2.46 12.13 3.37 6.58 2.32 9.93 6.67 9.93 13m8.43-30.78a7.37 7.37 0 1 1 7.29-7.37 7.23 7.23 0 0 1-7.29 7.37m0-13.49a6.12 6.12 0 1 0 6 6.12 5.91 5.91 0 0 0-6-6.12m-.85 7.49v2.46h-2.17v-7.74h3.62a2.58 2.58 0 0 1 2.86 2.7 2.26 2.26 0 0 1-1.49 2.34l1.77 2.7H506l-1.49-2.46h-.68zm1.21-3.49h-1.21v1.73h1.21a.86.86 0 0 0 1-.85.88.88 0 0 0-1-.89"></path></svg></a></div></div><div class="TK-row"><div class="TK-col-12"><p class="TK-Footer-About">Telerik and Kendo UI are part of Progress product portfolio. Progress is the leading provider of application development and digital experience technologies.</p></div><div class="TK-col-24"><div class="TK-row--M3 TK--Footer-Desktop"><ul class="TK-Footer-List-Horizontal"><li class="TK-Footer-List-Horizontal-Item"><a class="TK-Footer-Link TK-Footer-Link-Horizontal" href="https://www.progress.com/company">Company</a></li><li class="TK-Footer-List-Horizontal-Item"><a class="TK-Footer-Link TK-Footer-Link-Horizontal" href="https://www.progress.com/products">Technology</a></li><li class="TK-Footer-List-Horizontal-Item"><a class="TK-Footer-Link TK-Footer-Link-Horizontal" href="https://www.progress.com/company/awards">Awards</a></li><li class="TK-Footer-List-Horizontal-Item"><a class="TK-Footer-Link TK-Footer-Link-Horizontal" href="https://investors.progress.com/press-releases">Press Releases</a></li><li class="TK-Footer-List-Horizontal-Item"><a class="TK-Footer-Link TK-Footer-Link-Horizontal" href="https://www.progress.com/company/press-coverage">Media Coverage</a></li><li class="TK-Footer-List-Horizontal-Item"><a class="TK-Footer-Link TK-Footer-Link-Horizontal" href="https://www.progress.com/company/careers">Careers</a></li><li class="TK-Footer-List-Horizontal-Item"><a class="TK-Footer-Link TK-Footer-Link-Horizontal" href="https://www.progress.com/company/offices">Offices</a></li></ul></div></div></div><div class="TK-row TK-row--M2 TK--Footer-Mobile"><div class="TK-col-24"><ul class="TK-Footer-List"><li class="TK-Footer-List-Item"><a href="https://www.progress.com/company" class="TK-Footer-Link">Company</a></li><li class="TK-Footer-List-Item"><a href="https://www.progress.com/products" class="TK-Footer-Link">Technology</a></li><li class="TK-Footer-List-Item"><a href="https://www.progress.com/company/awards" class="TK-Footer-Link">Awards</a></li><li class="TK-Footer-List-Item"><a href="https://investors.progress.com/press-releases" class="TK-Footer-Link">Press Releases</a></li><li class="TK-Footer-List-Item"><a href="https://www.progress.com/company/press-coverage" class="TK-Footer-Link">Media Coverage</a></li><li class="TK-Footer-List-Item"><a href="https://www.progress.com/company/careers" class="TK-Footer-Link">Careers</a></li><li class="TK-Footer-List-Item"><a href="https://www.progress.com/company/offices" class="TK-Footer-Link">Offices</a></li></ul></div></div><div class="TK-row"><div class="TK-col-16"><p class="TK-Footer-Copy">Copyright © 2025 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.</p><p class="TK-Footer-Copy">Progress and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See <a href="https://www.progress.com/legal/trademarks" class="TK-Footer-Link-Tiny">Trademarks</a> for appropriate markings.</p></div><div class="TK-col-8 TK-tar"><ul class="TK-Footer-List-Horizontal"><li class="TK-Footer-List-Horizontal-Item TK-Footer-List-Horizontal-Item-Effect"><a href="/about/terms-of-use" class="TK-Footer-Link-Tiny">Terms of Use</a></li><li class="TK-Footer-List-Horizontal-Item TK-Footer-List-Horizontal-Item-Effect"><a href="/feedback" class="TK-Footer-Link-Tiny">Site Feedback</a></li><li class="TK-Footer-List-Horizontal-Item TK-Footer-List-Horizontal-Item-Effect"><a href="https://www.progress.com/legal/privacy-center" class="TK-Footer-Link-Tiny" target="_blank" rel="noopener">Privacy Center</a></li><li class="TK-Footer-List-Horizontal-Item TK-Footer-List-Horizontal-Item-Effect"><a href="https://www.progress.com/trust-center" class="TK-Footer-Link-Tiny" target="_blank" rel="noopener">Trust Center</a></li></ul><div class="TLRK-CCPA"><a href="https://forms.progress.com/ccpa-subscription" target="_blank" rel="nofollow noopener">Do Not Sell or Share My Personal Information</a></div><p class="TK-Footer-Power">Powered by <a href="https://www.progress.com/sitefinity-cms" class="TK-Footer-Link-Tiny">Progress Sitefinity</a></p></div></div></div></footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" type="text/javascript"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.4.1/jquery-migrate.min.js" type="text/javascript"></script> <script type="text/javascript"> var oneTrustHelper = (function () { function evalGTMScript() { var gtmScript = document.getElementById("GTMScript"); gtmScript.type = "text/javascript"; gtmScript.classList.remove("optanon-category-1"); eval(gtmScript.innerHTML); }; return { gtmFallback: function () { console.warn('OneTrust not loaded.'); if (document.readyState !== 'loading') { evalGTMScript(); } else { document.addEventListener('readystatechange', function () { if (document.readyState === 'interactive') { evalGTMScript(); } }); }; } }; })(); </script> <script onerror="oneTrustHelper.gtmFallback()" src="https://cdn.cookielaw.org/consent/3dfce4f2-dab6-4128-9f33-df7e0597da82/otSDKStub.js" data-language="en" type="text/javascript" charset="UTF-8" data-domain-script="3dfce4f2-dab6-4128-9f33-df7e0597da82"></script> <script type="text/javascript"> (function (w) { w.OptanonGroups = {"StrictlyNecessaryCookies":"1","PerformanceCookies":"2","FunctionalCookies":"3","TargetingCookies":"4"}; w.isOptanonGroupActive = function (groupId, explicit) { if (!w.OptanonActiveGroups) return false; var groupMatchKey = ',' + groupId + ','; return w.OptanonActiveGroups.indexOf(groupMatchKey) !== -1; } function toggleSitefinityTrackingConsent() { var performanceCookiesGroupId = w.OptanonGroups.PerformanceCookies; var isPerformanceCookiesGroupIdActive = w.isOptanonGroupActive(performanceCookiesGroupId, true); if (w.TrackingConsentManager) { w.TrackingConsentManager.updateUserConsent(isPerformanceCookiesGroupIdActive); } }; var trackingScriptsQueue = []; w.invokeTrackingScript = function (thisReference, trackingGroup, functionReference) { if (isOptanonGroupActive(trackingGroup, true)) { functionReference.call(thisReference); } else { trackingScriptsQueue.push({ thisReference: thisReference, trackingGroup: trackingGroup, functionReference: functionReference }); } } var isOptanonToggled = false; var preferenceChangeHandlerAdded = false; w.OptanonWrapper = function () { var newTrackingScriptsQueue = []; for (var i = 0; i < trackingScriptsQueue.length; i++) { var trackingScriptData = trackingScriptsQueue[i]; if (isOptanonGroupActive(trackingScriptData.trackingGroup, true)) { trackingScriptData.functionReference.call(trackingScriptData.thisReference); } else { newTrackingScriptsQueue.push(trackingScriptData); } } trackingScriptsQueue = newTrackingScriptsQueue; if (!isOptanonToggled && w.location.hash === '#cookie-settings' && true) { isOptanonToggled = true; Optanon.ToggleInfoDisplay(); } if(!preferenceChangeHandlerAdded){ OneTrust.OnConsentChanged(function() { // Trigger cookie check process after user makes changes to allowed cookie groups from the OneTrust cookie settings dialog. $.ajax( { url: '/webapi/CookiePreferences/Update', type: 'HEAD' }); }); preferenceChangeHandlerAdded = true; } toggleSitefinityTrackingConsent(); } })(window); </script> <script> // global variables var telerikId; var tlrkUser; </script> <script> (async function () { const response = await fetch("/webapi/UserTracking/RetrieveTelerikId", { method: "GET", cache: "no-cache", }); const model = await response.json(); telerikId = model.telerikId; tlrkUser = { isAuthenticated: !!telerikId }; if (document.addEventListener) { window.dataLayer = window.dataLayer || []; dataLayer.push({ uniqueId: model.userId, telerikId }); dataLayer.push({ event: "persistuuid" }) } })(); </script> <script id="GTMScript" type="text/plain" class="optanon-category-1" > function isMobileDevice() { var result = false; var matches = [ /(Windows Phone(?: OS)?)\s(\d+)\.(\d+(\.\d+)?)/, /(Silk)\/(\d+)\.(\d+(\.\d+)?)/, /(Android|Android.*(?:Opera|Firefox).*?\/)\s*(\d+)\.?(\d+(\.\d+)?)?/, /(iPhone|iPod).*OS\s+(\d+)[\._]([\d\._]+)/, /(iPad).*OS\s+(\d+)[\._]([\d_]+)/, /(MeeGo).+NokiaBrowser\/(\d+)\.([\d\._]+)/, /(webOS)\/(\d+)\.(\d+(\.\d+)?)/, /(BlackBerry|BB10).*?Version\/(\d+)\.(\d+(\.\d+)?)/, /(PlayBook).*?Tablet\s*OS\s*(\d+)\.(\d+(\.\d+)?)/, /(MSIE)\s+(\d+)\.(\d+(\.\d+)?)/, /(tizen).*?Version\/(\d+)\.(\d+(\.\d+)?)/i, /(sailfish).*rv:(\d+)\.(\d+(\.\d+)?).*firefox/i, /(Mobile).*rv:(\d+)\.(\d+(\.\d+)?).*Firefox/ ]; for (var i = 0; i < matches.length; i++) { result = matches[i].test(window.navigator.userAgent); if (result) { break; } } return result; } (function () { 'use strict'; window.dataLayer = window.dataLayer || []; dataLayer.push({ isTelerikMarketingWebsite: true }); if (isMobileDevice()) { return; } (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-6X92'); })(); </script> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-6X92" height="0" width="0" style="display: none; visibility: hidden"></iframe> </noscript> <script type="text/plain" class="optanon-category-2"> !function (e) { function n() { if (e && r()) { var n = t(); i(e, n) } } function i(e, n) { l.post(u, new c({ telerikId: e, uniqueId: n })) } function t() { for (var e = document.cookie.split(";"), n = "gauuid", i = 0; i < e.length; i++) { for (var t = e[i]; " " === t.charAt(0);)t = t.substring(1, t.length); if (0 === t.indexOf(n)) return t.substring(n.length, t.length).replace("=", "") } return null } function r() { var e = new Date; if (null === localStorage.getItem(a)) return o(e), !0; var n = Date.parse(localStorage.getItem(a)); if (isNaN(n)) return !1; var i = new Date(n); return i.setTime(i.getTime() + 6048e5) < e ? (o(e), !0) : !1 } function o(e) { localStorage.setItem(a, e.toISOString()) } if (window.jQuery) { var l = window.jQuery, u = window.location.origin + "/services/callhomeservice/api/userlogged", a = "call-home-client-key-user-logged", c = function (e) { this.telerikId = e.telerikId, this.uniqueId = e.uniqueId }; l(document).ready(function () { n() }), window.__callhome__ || (window.__callhome__ = {}), window.__callhome__.verify = r, window.__callhome__.init = n } }(telerikId); </script> <script src="https://d585tldpucybw.cloudfront.net/Frontend-Assembly/Web.Widgets.SEO/Mvc/Scripts/Shared/referrer-policy.min.js?package=PureMvc&v=MS4wLjAuMzk0Nzc%3d" type="text/javascript"></script><script src="https://dtzbdy9anri2p.cloudfront.net/cache/f45282983d991dbd595aae0fee3752e97494f8bc/telerik/js/dist/all.min.js" type="text/javascript"></script> <script type="text/javascript"> (function() { if (window._dataLayerTimeout) { clearTimeout(window._dataLayerTimeout); } window._dataLayerTaxLoadedEvent = {"tax_pagenode_products":"aspnet-mvc","event":"tax_loaded"}; window._dataLayerTimeout = setTimeout(function() { window.dataLayer = window.dataLayer || []; window.dataLayer.push(window._dataLayerTaxLoadedEvent); }); })(); </script><script type="text/plain" class="optanon-category-2"> (function() { var script = '//s1325.t.eloqua.com/visitor/v200/svrGP?pps=70&siteid=1325'; (function getScript(source, callback) { var script = document.createElement('script'); var prior = document.getElementsByTagName('script')[0]; script.async = 1; prior.parentNode.insertBefore(script, prior); script.onload = script.onreadystatechange = function( _, isAbort ) { if(isAbort || !script.readyState || /loaded|complete/.test(script.readyState) ) { script.onload = script.onreadystatechange = null; script = undefined; if(!isAbort) { if(callback) callback(); } } }; script.src = source; })(script, function() { if (typeof GetElqCustomerGUID == 'function') { var userId = GetElqCustomerGUID(); document.cookie = 'elqUserId=' + userId + '; path=/;SameSite=Lax;'; } }); })(); </script><script type="application/json" id="PersonalizationTracker"> {"IsPagePersonalizationTarget":false,"IsUrlPersonalizationTarget":false,"PageId":"e2e254c2-59b1-429c-82c3-0c6f21b253bd"} </script><script type="text/javascript" src="/WebResource.axd?d=NjxTqR2bqTw1rewxxlkHPhr-2awQiGC1t4afxFkRlQ9hya2sD15bGrdgIYxV5oymd7lM20nXinlfNQ7rubKudQ2RDNHnt0G9zqYW8HltmFjcKKorrcw5dV0tBFxsPvDHJP04y9syTz7mNZS4jPK7kvcqYvWCXk_9LL20Ml6lJlZfLS7RIWZnqaGGXv0sk0sXw5161BHGhvkqb9uCayn9Kq57pV9u23lE6Pml2fnEAC01&t=638412637940000000"> </script><script type="text/javascript"> window.addEventListener("DOMContentLoaded",()=>{var h=$('[class*="sctn-"]'),t=!1,n=$(".DC-scroller"),u=$(".DC-Scroller--end"),i=n.children("a:not(.Btn)"),f=$("html, body");function c(n){n.preventDefault();f.not(":animated").addClass("is-scrolling").animate({scrollTop:$("."+$(n.target).data("scrollto")).offset().top},1200,"easeInOutQuart").promise().done(function(){f.removeClass("is-scrolling");let t=document.querySelector("."+n.target.getAttribute("data-scrollto"));t.tabIndex=0;t.focus();t.tabIndex=-1})}function r(t){var r=t||!1;if(r){var u=i.filter('[data-scrollto="'+r+'"]'),f=u.hasClass("has-light-bg")?!0:!1;u.addClass("is-active").siblings().removeClass("is-active");f?n.addClass("DC-scroller--light"):n.removeClass("DC-scroller--light")}else i.removeClass("is-active")}function e(n){var r=n.offset().top,f=r+n.outerHeight(),t=$(window).scrollTop(),i=t+$(window).height();return n==u?f-1/4*(i-t)>t&&r<i-1/4*(i-t):f-1/2*(i-t)>t&&r<i-1/2*(i-t)}function o(){if(!n.hasClass("is-paused")){var t=n.offset();n.css({position:"absolute",left:t.left+"px",top:t.top+"px"});n.addClass("is-paused")}}function l(){n.hasClass("is-paused")&&(n.removeAttr("style"),n.removeClass("is-paused"))}function s(i){t=i||t;var f=0;if(t){if(t=!1,e(u))return r("sctn-FAQs"),o(),!1;h.each(function(t,i){var u=$(i);if(e(u)){var s=u.attr("class").match(/(sctn-[a-zA-Z0-9-_]*)/g)[0]||!1;return s==="sctn-CTA-bottom"?(o(),n.css({visibility:"hidden"}),!1):(r(s),l(),f++,!1)}});f===0&&r(!1)}}function a(){t=!0}i.on("click",c);$(window).on("scroll",a);window.setInterval(s,16);s(!0)}) </script><script type="text/javascript"> let videoElem=document.querySelector(".video"),playButton=document.querySelector(".play-button");playButton.addEventListener("click",handlePlayButton,!1);playVideo();async function playVideo(){try{await videoElem.play();playButton.classList.add("playing");playButton.setAttribute("aria-label","Stop Video")}catch(n){playButton.classList.remove("playing");playButton.setAttribute("aria-label","Play Video")}}function handlePlayButton(){videoElem.paused?playVideo():(videoElem.pause(),playButton.classList.remove("playing"),playButton.setAttribute("aria-label","Play Video"))} </script><script type="text/javascript"> (function(){const c=$("body").hasClass("is-mobile");if(!c){var r=$(".js-scroll-list"),l=$(r.attr("href")),o=$(".Tabs-switch > a").not(r),a=$(".Accordion-toggle"),v=$(".Accordion-carrousel"),n="is-active",i="u-dn",t=$(".Tab-demo"),y=$(".js-play-demo"),s=$("#preview"),u=!1,f="",e="";r.on("click",function(n){n.preventDefault();$("html, body").animate({scrollTop:l.offset().top},300)});o.on("click",function(r){r.preventDefault();var u=$(this),e=u.attr("data-tab");u.addClass(n).siblings("a").removeClass(n);$(".Accordion-media-content > div").not("."+i).addClass(i);$(".Accordion-media-content > div[data-tab="+e+"]").removeClass(i);f=t.attr("data-widget").toString()});v.each(function(){var r=$(this).find($(".Accordion-carrousel-inner")),u=r.children($("a")),e=r.find("a").length;$(u.not(".cloned")).each(function(){var t=$(this);t.attr("data-index",t.index());r.append(t.clone().addClass("cloned").removeClass(n))});var f=r.children($("a"));f.on("click",function(s){s.preventDefault();var c=$(this),l=c.attr("data-theme").toString(),a=c.index(),v=a*-90,y=c.attr("data-index")*-90;h(l,!1);o.removeClass(n).eq(0).addClass(n);t.removeClass(i).attr("data-theme",l);f.removeClass(n);c.hasClass("cloned")||c.addClass(n);a<e?r.animate({left:v+"px"}):(u.eq(c.attr("data-index")).addClass(n),r.animate({left:v+"px"},function(){r.css("left",y+"px")}))})});a.on("click",function(){var r=$(this),o=r.attr("data-widget").toString(),f=r.siblings(".Accordion-inner").find("a."+n).attr("data-theme").toString();t.attr("data-widget",o).attr("data-theme",f);t.addClass("Tab-demo--Overlay");u=!1;s.attr("src","about:blank");$(".Tabs-switch > a[data-tab=Demo]").addClass(n);$(".Tabs-switch > a[data-tab=Code]").removeClass(n);t.removeClass(i);e=f});function h(n,i){(i||u)&&(f=t.attr("data-widget").toString(),e=n||t.attr("data-theme").toString(),t.removeClass("Tab-demo--Overlay"),u=!0,s.attr("src","https://d6vtbcy3ong79.cloudfront.net/external-assets/latest/demos/mvc-"+f+"-"+e+".html"))}y.on("click",function(){h(null,!0)})}})() </script> <script type="text/plain" class="optanon-category-2"> !function () { function loadEloqua() { if (void 0 === window._elqQ || window._elqQ.constructor !== Array || "elqSetSiteId" !== window._elqQ[0][0] || "1325" !== window._elqQ[0][1]) { window.dataLayer = window.dataLayer || [], window._elqQ = window._elqQ || [], window._elqQ.push(["elqSetSiteId", "1325"]), window._elqQ.push(["elqTrackPageView", window.location.href]), window.dataLayer.push({ event: "elqQ_loaded" }); var s = document.createElement("script"); s.type = "text/javascript", s.async = !0, s.src = "//img.en25.com/i/elqCfg.min.js"; var x = document.getElementsByTagName("script")[0]; x.parentNode.insertBefore(s, x) } } function loadGA() { window._gaq = window._gaq || [], window._gaq.push(["_setAccount","UA-111455-1"], ["_setDomainName", ".telerik.com"], ["_addIgnoredRef", "telerik.com"], ["_trackPageview"]); var ga = document.createElement("script"); ga.type = "text/javascript", ga.async = !0, ga.src = ("https:" == document.location.protocol ? "https://" : "http://") + "stats.g.doubleclick.net/dc.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s) } isMobileDevice() && (loadGA(), loadEloqua()) }();</script> <script type="text/javascript" defer src='https://d585tldpucybw.cloudfront.net/Frontend-Assembly/Web.SitefinityExtensions.EloquaConnector/Scripts/BrowserSessionStorage.min.js?package=PureMvc&v=MS4wLjAuMzk0Nzc%3d'></script> <script type="text/javascript" defer src='https://d585tldpucybw.cloudfront.net/Frontend-Assembly/Web.SitefinityExtensions.EloquaConnector/Scripts/SetBrowserSessionStorage.min.js?package=PureMvc&v=MS4wLjAuMzk0Nzc%3d)'></script> </body> </html>