<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html><html lang='en' class=''>
<head><script src='//production-assets.codepen.io/assets/editor/live/console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/events_runner-73716630c22bbc8cff4bd0f07b135f00a0bdc5d14629260c3ec49e5606f98fdd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/css_live_reload_init-2c0dc5167d60a5af3ee189d570b1835129687ea2a61bee3513dee3a50c115a77.js'></script><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="shortcut icon" type="image/x-icon" href="//production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" /><link rel="mask-icon" type="" href="//production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" /><link rel="canonical" href="https://codepen.io/jordanilchev/pen/mAsxv?limit=all&page=52&q=editor" />
<style class="cp-pen-styles">/*
aprilFools.css
Written by Wes Bos
I assume no responsibility for angry co-workers or lost productivity
Put these CSS definitons into your co-workers Custom.css file.
They will be applied to every website they visit as well as their developer tools.
Mac: ~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css
PC: C:/Users/YourUsername/AppData/Local/Google/Chrome/User Data/Default/User StyleSheets/Custom.css
Ubuntu (Chromium): ~/.config/chromium/Default/User StyleSheets/Custom.css
*/
/* add <base href="https://telerik.com/appbuilder" target="_blank"> */
/*
Turn every website upside down
*/
body {
/*-webkit-transform: rotate(180deg);*/
}
/*
blur every website for a split second every 30 seconds
*/
body {
/*-webkit-animation: blur 30s infinite;*/
}
/*
Spin every Website
*/
body {
/*-webkit-animation: spin 5s linear infinite;*/
}
/*
Flip all images upside down
*/
img {
-webkit-transform: rotate(180deg);
}
/*
COMIC SANS EVERYTHING
*/
body, p, body p, body div p {
/*font-family: 'Comic Sans MS', cursive !important;*/
}
/*
Spin all images
*/
img {
/*-webkit-animation: spin 1s linear infinite;*/
}
/*
Hide every 2nd paragraph element on a page
*/
p:nth-child(2) {
/**/display:none !important;
}
/*
Spin dev tools round and round
*/
#-webkit-web-inspector {
/*-webkit-animation: spin 1s linear infinite; */
}
/*
Flip dev tools upside down
*/
#-webkit-web-inspector {
/*-webkit-transform:rotate(180deg);*/
}
/* Hide the close button */
#-webkit-web-inspector .toolbar-item.close-left {
/*display:none !important;*/
}
/* HTML PRIDE! */
html {
/**/-webkit-animation: rainbow 8s infinite;
}
/*
Make every website fall over!
*/
/*
html, body {
height: 100%;
}
html {
-webkit-perspective: 1000;
}
body {
-webkit-transform-origin: bottom center;
-webkit-transform: rotateX(-70deg);
-webkit-animation: fall 1.5s ease-in;
}
*/
/* Animations */
@-webkit-keyframes blur {
0% { -webkit-filter: blur(0px); }
49% { -webkit-filter: blur(0px); }
50% { -webkit-filter: blur(1px); }
51% { -webkit-filter: blur(0px); }
100% { -webkit-filter: blur(0px); }
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes rainbow {
100% { -webkit-filter: hue-rotate(360deg); }
}
@-webkit-keyframes fall {
0% { -webkit-transform: none; }
100% { -webkit-transform: rotateX(-90deg); }
}</style></head><body>
<!--[if lte IE 7]><html id="html" class="ie oldie ie7" lang="en"><![endif]-->
<!--[if IE 8]><html id="html" class="ie oldie ie8" lang="en"><![endif]-->
<!--[if IE 9]><html id="html" class="ie ie9" lang="en"><![endif]-->
<!--[if !IE]>-->
<html id="html" lang="en"><!--<![endif]-->
<base href="https://www.telerik.com/appbuilder" target="_blank">
<head id="Head"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>
AppBuilder (former Icenium) for Cross-Platform Mobile App Development
</title><link rel="shortcut icon" href="/favicon.ico?v=leanv2" />
<!--[if lte IE 8]><script>(function(){var element = "header,section,article,nav,aside,hgroup,figure,figcaption,footer,mark,time".split(','), l = element.length;while (l > 0){l = l - 1; document.createElement(element[l]);}} )();</script><![endif]-->
<link rel="prerender" href="/purchase/appbuilder" /><script type="text/javascript">if(typeof(HTMLAudioElement) !== 'undefined' && HTMLAudioElement.prototype && HTMLAudioElement.prototype.canPlayType) {
var org = HTMLAudioElement.prototype.canPlayType;
HTMLAudioElement.prototype.canPlayType = function(typeString) {
var result = "";
try{
result = org(typeString);
}
catch(e) { }
return result;
}
}
</script><script type="text/javascript">var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-111455-1'],
['_setDomainName', '.telerik.com'],
['_addIgnoredRef', 'telerik.com'],
['_trackPageview']);
(function () {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
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);
})();</script><meta name="Generator" content="Sitefinity 6.3.5027.0 PU" /><script src="/WebResource.axd?d=KBzQeiTMi6tsKBRE5eehMnmp1G5wcE1RrYllOjmphUaSLQPA6xDKMl5qywEThp0A3BWqB7p1lp16GaX5Nipba23j9uPpvnaAuPW5RfKb84Wmwny1IrTLOHxnLwYtlrlURh23tnLB6g612zEzOvO5jCMw_d9TwPw9iHMMyt1U0jiUivvh0&t=635342828761898272" type="text/javascript"></script>
<script src="/WebResource.axd?d=wjbngkkm-ocob_jDCwRJiCVK-CT7NlmsMzAC1pG7s1hiRmkQpkpPLX2tEb4CdpJgFZh1inzRoK8ZPka0lZll61lFdbyBR0EGrBxXbwxrVYmV-NOZD4LwL_9J-D47Q0DJ6RY7FLdmlfJmwl67CcC5NZtWvWul7q3WStPurVb2uGkLVKvmNl4sADtOyuMCeN25Nx__7w2&t=635342828761898272" type="text/javascript"></script>
<script src="/WebResource.axd?d=MfCyR186zOR7jR9KuIDjnPNsTTKhcrDM_9k4_o6m_BHQttRjOu7vKssqAPQWhzuq1lYU9zzq5PHXNBhoEYzvFgVpZiII_AG8oc7XZXCXik5-GDkkdvt8maFyHEEpGUrQ1rYeZ5vkAIvZh3_UJdr-Gdlaz5GJAI8JhuJUMBm-EC6YtF-vtQWF6jiLReS7m6qeYjwMWQ2&t=635342828761898272" type="text/javascript"></script>
<script src="/WebResource.axd?d=kMVKe6l9j-qUOg3PZNFUlbbJf5-gOC19Z3YfdBpP8myrneFhuJWP-QdxrvDUNK6_gghayKjFK6bCf_kMV6CaFVUxJTfjd8OwtPRnKt7wz0dK1kjJn7rSlRQOMUw9KWnJhXFt3H7Ticl8NSnT4oyzizZGR2Gf5UyeIlGaubwBmG6OmLFaxX7zOMzV8-A9JE0vz7IrXeJgWXjAl0eq6QACBvkQNSY1&t=635342828761898272" type="text/javascript"></script>
<script>
/* marketo setup */
;(function(d,b,h){var c=!1,e=!1,f=function(){!1===e&&(e=!0,Munchkin.init("194-TGP-611"))},g=function(){if("undefined"===typeof Munchkin){var a=b.createElement("script");a.type="text/javascript";a.async=!0;a.src="//munchkin.marketo.net/munchkin.js";a.onreadystatechange=function(){"complete"!=this.readyState&&"loaded"!=this.readyState||f()};a.onload=f;b.getElementsByTagName("head")[0].appendChild(a)}};d=function(a){c&&(g(),c=!1)};"prerender"!==b.webkitVisibilityState?g():(c=!0,b.addEventListener("webkitvisibilitychange",d,!1))})(window,document);
</script>
<link href="/Telerik.Web.UI.WebResource.axd?compress=0&_TSM_CombinedScripts_=%3b%3bTelerik.Sitefinity.Resources%2c+Version%3d6.3.5027.0%2c+Culture%3dneutral%2c+PublicKeyToken%3dnull%3aen%3a49ac9210-ea41-48dc-a13c-150f9bd154d2%3a7a90d6a" type="text/css" rel="stylesheet" /><link href="//www.telerik-web-assets.com/cache/343a68f5ba36e344871ccc5d6e6b12debf6b2ee8/telerik/css/style.css" type="text/css" rel="stylesheet" /><meta name="description" content="With AppBuilder (former Icenium) mobile development solution, you leverage your HTML5, CSS & JS skills to develop native apps across mobile platforms.
" /></head>
<body itemscope itemtype="http://schema.org/WebPage">
<script type="text/javascript">
window.dataLayer = window.dataLayer || [];
dataLayer.push({uniqueId: 'c7b092a3-3fd7-4f1a-85c1-80b049d23941',telerikId: null});
dataLayer.push({event: 'persistuuid'});
</script>
<!-- Google Tag Manager -->
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-6X92" height="0" width="0" style="display: none; visibility: hidden"></iframe>
</noscript>
<script>(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-6X92');</script>
<!-- End Google Tag Manager -->
<form method="post" action="/appbuilder" onsubmit="javascript:return WebForm_OnSubmit();" id="aspnetForm">
<div class="aspNetHidden">
<input type="hidden" name="ScriptManager_TSM" id="ScriptManager_TSM" value="" />
<input type="hidden" name="ctl06_TSSM" id="ctl06_TSSM" value="" />
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTE0ODY5NzQ2MmQYBAUeX19Db250cm9sc1JlcXVpcmVQb3N0QmFja0tleV9fFgMFPWN0bDAwJEdlbmVyYWxDb250ZW50JGN0bDEyJGN0bDAwJGN0bDAwJGR5bmFtaWNDb250ZW50TGlzdFZpZXcFPWN0bDAwJEdlbmVyYWxDb250ZW50JGN0bDI2JGN0bDAwJGN0bDAwJGR5bmFtaWNDb250ZW50TGlzdFZpZXcFPWN0bDAwJEdlbmVyYWxDb250ZW50JGN0bDI5JGN0bDAwJGN0bDAwJGR5bmFtaWNDb250ZW50TGlzdFZpZXcFPWN0bDAwJEdlbmVyYWxDb250ZW50JGN0bDI5JGN0bDAwJGN0bDAwJGR5bmFtaWNDb250ZW50TGlzdFZpZXcPFCsABWQUKwADDwUGXyFEU0lDAgMPBQtfIUl0ZW1Db3VudAIDDwUIXyFQQ291bnRkZBYCHgJfY2ZkZAU9Y3RsMDAkR2VuZXJhbENvbnRlbnQkY3RsMjYkY3RsMDAkY3RsMDAkZHluYW1pY0NvbnRlbnRMaXN0Vmlldw8UKwAFZBQrAAMPBQZfIURTSUMCAw8FC18hSXRlbUNvdW50AgMPBQhfIVBDb3VudGRkFgIfAGZkZAU9Y3RsMDAkR2VuZXJhbENvbnRlbnQkY3RsMTIkY3RsMDAkY3RsMDAkZHluYW1pY0NvbnRlbnRMaXN0Vmlldw8UKwAFZBQrAAMPBQZfIURTSUMCCQ8FC18hSXRlbUNvdW50AgkPBQhfIVBDb3VudGRkFgIfAGZkZPJzvJGHP352i3/1YaR9LV6qolLR" />
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="https://ajax.aspnetcdn.com/ajax/4.5.1/1/WebForms.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
window.WebForm_PostBackOptions||document.write('<script type="text/javascript" src="/WebResource.axd?d=srThWDDXEZlN1OjM4VZSw6tZgx9ZG-42sd6fp4twkvQ51Ih14yIaN5LEsj9FhkPs6M4sL7X8fpwgOF5o__WVgGplmWg1&t=635145287460000000"><\/script>');//]]>
</script>
<script src="https://ajax.aspnetcdn.com/ajax/4.5.1/1/WebUIValidation.js" type="text/javascript"></script>
<script src="//ajax.aspnetcdn.com/ajax/beta/0911/MicrosoftAjax.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
(window.Sys && Sys._Application && Sys.Observer)||document.write('<script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/beta/0911/MicrosoftAjax.js"><\/script>');//]]>
</script>
<script src="//ajax.aspnetcdn.com/ajax/beta/0910/MicrosoftAjaxWebForms.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
(window.Sys && Sys.WebForms)||document.write('<script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/beta/0910/MicrosoftAjaxWebForms.js"><\/script>');function WebForm_OnSubmit() {
if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;
return true;
}
//]]>
</script>
<div class="aspNetHidden">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAAPeiOrH3WgPnsH+5R3gm8qJ+cnlAjao1pxP8D8eH8arO5FBcFoml0WVMCIpy7p5bHF4ATix6wTq5SmIUEXDdBq6jsgyOQ==" />
</div>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ctl00$ScriptManager', 'aspnetForm', [], [], [], 90, 'ctl00');
//]]>
</script>
<div class="sf_cols PageWrapper">
<div class="sf_colsOut sf_1col_1_100" style="">
<div id="GeneralContent_T73A12E0A113_Col00" class="sf_colsIn sf_1col_1in_100">
<nav id="js-Bar" class="Bar">
<div class="container">
<div class="Bar-table sf_cols">
<input type="checkbox" id="Bar-controlMe" />
<label for="Bar-controlMe" class="Bar-showMe"></label>
<label for="Bar-controlMe" class="Bar-hideMe"></label>
<div id="GeneralContent_T73A12E0A142_Col00" class="sf_colsIn Bar-logo-container"><a href="/" class="Bar-logo" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'telerik-logo']);"> <img alt="Telerik" src="/sfimages/default-source/logos/telerik-logo-reversed.png" width="65" height="15" /> </a>
</div>
<div id="GeneralContent_T73A12E0A142_Col01" class="sf_colsIn Bar-slide"><ul class="Bar-menu"> <li class="Dropdown u-ps" data-tlrk-plugin="dropdown"> <a href="#products" class="Dropdown-control Bar-menu-link">
PRODUCTS <em class="Dropdown-arrow"></em> </a> <div class="Dropdown-view Dash"> <div class="container"> <div class="row"> <div class="col-3"> <span class="Dash-h1 Dash-h1--bb">Complete .NET Toolbox</span> <ul class="Dash-aside-list u-mb4"> <li> <a href="/devcraft" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'devcraft']);">DevCraft</a> <span>Supercharge your .NET productivity</span> </li> </ul> <span class="Dash-h1 Dash-h1--bb">Mobile App Development</span> <ul class="Dash-aside-list"> <li> <a href="/platform" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'mobile-development']);">Telerik Platform</a> <span>Develop cross-platform and mobile applications</span> </li> </ul> </div> <div class="col-9"> <span class="Dash-h1 Dash-h1--bb">Individual Products</span> <div class="row"> <div class="col-3"> <div class="Dash-h5">DevTools</div> </div> <div class="col-9"> <div class="row"> <div class="col-4"> <div class="Dash-h3">Mobile</div> <div class="BlockLinks u-mb2"> <a href="/phonegap-ui" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'ui-for-phonegap']);">UI for PhoneGap</a> <a href="/ios-ui" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'ui-for-ios']);">UI for iOS</a> <a href="/android-ui" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'ui-for-android']);">UI for Android</a> <a href="/products/windows-phone.aspx" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'ui-for-windows-phone']);">UI for Windows Phone</a> <a href="/products/windows-8/overview.aspx" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'ui-for-windows-8']);">UI for Windows 8</a> </div> </div> <div class="col-4"> <div class="Dash-h3">Web</div> <div class="BlockLinks u-mb2"> <a href="/products/aspnet-ajax.aspx" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'ui-for-aspnet-ajax']);">UI for ASP.NET AJAX</a> <a href="/aspnet-mvc" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'ui-for-aspnet-mvc']);">UI for ASP.NET MVC</a> <a href="/php-ui" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'ui-for-php']);">UI for PHP</a> <a href="/jsp-ui" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'ui-for-jsp']);">UI for JSP</a> <a href="/products/silverlight/overview.aspx" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'ui-for-silverlight']);">UI for Silverlight</a> </div> </div> <div class="col-4"> <div class="Dash-h3">HTML5/JS Framework</div> <div class="BlockLinks u-mb2"> <a href="/kendo-ui" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'kendoui']);">Kendo UI</a></div> <div class="Dash-h3">Desktop</div> <div class="BlockLinks u-mb2"> <a href="/products/wpf/overview.aspx" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'ui-for-wpf']);">UI for WPF</a> <a href="/products/winforms.aspx" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'ui-for-winforms']);">UI for WinForms</a> </div> </div> </div> <div class="row"> <div class="col-4"> <div class="Dash-h3">PRODUCTIVITY & QUALITY</div> <div class="BlockLinks u-mb1"> <a href="/products/justcode.aspx" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'justcode']);">JustCode</a> <a href="/products/mocking.aspx" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'justmock']);">JustMock</a> <a href="/teststudio/testing-framework" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'testing-framework']);">Testing Framework</a> </div> </div> <div class="col-4"> <div class="Dash-h3">Debugging</div> <div class="BlockLinks u-mb1"> <a href="/fiddler" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'fiddler']);">Fiddler</a> <a href="/products/decompiler.aspx" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'juctdecompile']);">JustDecompile</a> <a href="/products/memory-performance-profiler.aspx" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'justtrace']);">JustTrace</a> </div> </div> <div class="col-4"> <div class="Dash-h3">Reporting & Data Access</div> <div class="BlockLinks u-mb1"> <a href="/products/reporting.aspx" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'reporting']);">Reporting</a> <a href="/data-access" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'data-access']);">Data Access</a> </div> </div> </div> </div> </div> <div class="Dash-separator"> </div> <div class="row"> <div class="col-3"> <div class="Dash-h5">DevCloud</div> </div> <div class="col-9"> <div class="row"> <div class="col-4"> <div class="BlockLinks"> <a href="/appprototyper" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'appprototyper']);">AppPrototyper<span class="Text--xs u-dib"><sup class="Text--b5 u-ttu"> Beta</sup></span></a> <a href="/appbuilder" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'appbuilder']);">AppBuilder</a> <a href="/backend-services" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'backend-services']);">Backend Services</a> </div> </div> <div class="col-4"> <div class="BlockLinks"> <a href="/mobile-testing" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'mobile-testing']);">Mobile Testing</a> <a href="/appmanager" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'appmanager']);">AppManager<span class="Text--xs u-dib"><sup class="Text--b5 u-ttu"> Beta</sup></span></a> </div> </div> <div class="col-4"> <div class="BlockLinks"> <a href="/appfeedback-beta-signup" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'appfeedback']);">AppFeedback<span class="Text--xs u-dib"><sup class="Text--b5 u-ttu"> Beta</sup></span></a> <a href="/analytics" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'analytics']);">Analytics</a> </div> </div> </div> </div> </div> <div class="Dash-separator"> </div> <div class="row"> <div class="col-3"> <div class="Dash-h5 u-mb0">ALM & Testing</div> </div> <div class="col-9"> <div class="row"> <div class="col-4"> <div class="BlockLinks"> <a href="/teampulse" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'teampulse']);">TeamPulse</a> </div> </div> <div class="col-4"> <div class="BlockLinks"> <a href="/teststudio" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'teststudio']);">Test Studio</a> </div> </div> </div> </div> </div> <div class="Dash-separator"> </div> <div class="row"> <div class="col-3"> <div class="Dash-h5 u-mb0">CMS</div> </div> <div class="col-9"> <div class="BlockLinks"> <a href="http://www.sitefinity.com/" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'sitefinity']);">Sitefinity</a> </div> </div> </div> </div> </div> <!-- .container --> </div> <!-- .Dropdown-view --> </div> </li> <li> <a href="/enterprise" class="Bar-menu-link" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'enterprise']);">ENTERPRISE</a> </li> <li> <a href="/download" class="Bar-menu-link" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'trials']);">FREE TRIALS</a> </li> <li> <a href="/purchase.aspx" class="Bar-menu-link" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'store']);">PRICING</a> </li> <li> <a href="/support" class="Bar-menu-link" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'support-and-learning']);">SUPPORT & LEARNING</a> </li> <li> <a href="/company" class="Bar-menu-link" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'company']);">COMPANY</a> </li> </ul>
</div>
<div class="sf_colsOut Bar-search Dropdown u-ps js-Bar-search" data-tlrk-plugin="dropdown">
<a class="Dropdown-control Bar-navi-link icon-search" href="#search" title="Search Telerik [alt-shift-f]"></a>
<div id="GeneralContent_T73A12E0A142_Col02" class="sf_colsIn Dropdown-view Section Dash"><span id="GeneralContent_T73A12E0A147"><div id="GeneralContent_T73A12E0A147_ctl00_ctl00_pnlSearchBox" class="Search" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'GeneralContent_T73A12E0A147_ctl00_ctl00_btnSearch')">
<input name="ctl00$GeneralContent$T73A12E0A147$ctl00$ctl00$txtKeyword" type="text" id="GeneralContent_T73A12E0A147_ctl00_ctl00_txtKeyword" class="js-search-input" placeholder="Search" />
<span id="GeneralContent_T73A12E0A147_ctl00_ctl00_cvSearchText" style="visibility:hidden;"></span>
<a onclick="escapeCharacters('txtKeyword');" id="GeneralContent_T73A12E0A147_ctl00_ctl00_btnSearch" class="icon-search" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$GeneralContent$T73A12E0A147$ctl00$ctl00$btnSearch", "", true, "searchValidationGroup", "", false, true))">Search</a>
</div></span></div>
</div>
<div id="GeneralContent_T73A12E0A142_Col03" class="sf_colsIn Bar-navi">
<div>
<div class="Dropdown u-dib" data-tlrk-plugin="dropdown">
<div id="GeneralContent_T73A12E0A142_LogIn" class="sf_colsIn"><span id="GeneralContent_T73A12E0A154">
<a ID="hlYourAccount" runat="server" class="Bar-navi-link Bar-navi-link--highlighted u-db" href="https://tfis.telerik.com/Authenticate/Wrapv0.9?wrap_client_id=http%3a%2f%2fwww.lean.telerik.com&wrap_callback=http%3a%2f%2fwww.telerik.com%2faccount" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'your-account']);" >Your Account</a>
</span></div>
<!-- .Dropdown-view -->
</div>
</div>
<div id="GeneralContent_T73A12E0A142_TelerikPlatformLink" class="sf_colsIn"><span id="GeneralContent_T73A12E0A155"><a href="https://platform.telerik.com" id="GeneralContent_T73A12E0A155_ctl00_ctl00_aButton" onclick="_gaq.push(['_trackEvent', 'top-nav', 'text', 'telerik-platform']);" class="Dropdown-control Bar-navi-link Bar-navi-link--highlighted">Telerik Platform</a></span></div>
</div>
</div>
</div>
</nav>
<div class="sf_cols Section--blue3">
<div id="GeneralContent_C100_Col00" class="sf_colsIn"><div>
<div id="GeneralContent_ctl09_ctl00_ctl00_detailContainer" class="Section-banner">
<div class="container">
<h1 id="GeneralContent_ctl09_ctl00_ctl00_detailContainer_mainShortTextFieldLiteral_0">
AppBuilder
</h1>
<p class="SubTitle">Build iOS, Android and Windows Phone 8<br/> hybrid apps using a single pure HTML5,<br/> CSS and JavaScript codebase</p>
<div class="sfitemRichText">
<a class="litebox Link--play2" href="//www.youtube-nocookie.com/embed/7WOqs_WRCTI?rel=0" data-lite-info="video" data-lite-width="970" data-lite-height="550">Watch Overview</a>
</div>
</div>
<div class="Section-background">
<div class="sfimageWrp">
<img id="GeneralContent_ctl09_ctl00_ctl00_detailContainer_ctl02_0_ctl00_0_ctl00_0_imageControl_0_ctl00_0_ctl00_0_imageItem_0" title="appbuilder_headbanner_wp8" src="/sfimages/default-source/productsimages/icenium/productbanners/appbuilder_headbanner_wp81003c97c9d544cb48a9e0901522fc85d.jpg?sfvrsn=0" alt="" />
</div>
</div>
</div>
</div></div>
</div><nav class="sf_cols Nav" data-tlrk-plugin="fixit" data-fixit-class-only="true" data-fixit-top="0" data-fixit-render-dummy="1">
<div id="GeneralContent_C071_Col00" class="sf_colsIn container"><span id="GeneralContent_C002"><div id="GeneralContent_C002_ctl00_ctl00_menuWrapper" class="Nav-container">
<header>
<div id="GeneralContent_C002_ctl00_ctl00_productsPageArea">
<span class="Nav-title">
AppBuilder
</span>
</div>
</header>
<div class="Nav-sections" data-tlrk-plugin="navspy">
<a data-href='#Features'
href='#Features'
class="Nav-anchor">
Benefits
</a>
<a data-href='#IDEchoices'
href='#IDEchoices'
class="Nav-anchor">
IDE Choices
</a>
<a data-href='#Integrations'
href='#Integrations'
class="Nav-anchor">
Integrations
</a>
<a data-href='#SupportAndLearning'
href='#SupportAndLearning'
class="Nav-anchor">
Support & Learning
</a>
<a data-href='#WhatsNew'
href='#WhatsNew'
class="Nav-anchor">
What's New
</a>
</div>
<div class="Nav-cta">
<a id="GeneralContent_C002_ctl00_ctl00_PricingHyperLink" class="Btn Btn--sec Btn--min-w" href="https://www.telerik.com/purchase/appbuilder">Pricing</a>
<a id="GeneralContent_C002_ctl00_ctl00_TryNowHyperLink" class="Btn Btn--prim Btn--min-w" href="https://platform.telerik.com/">Try now</a>
</div>
<script>
(function(){
var tracking = "",
buttons = $(".Nav-cta").find("a"),
anchors = $(".Nav-anchor"),
url = document.location.pathname;
// extracts only the seo product name from the URI
url = url.replace("products/","").replace("/overview.aspx","").split("/");
url = url[url.length-1].replace(".aspx","");
// set tracking codes to the given resource
function refreshTrackings(tracklings, tpl) {
$.each(tracklings, function(i, link){
var $link = $(link),
$href = $link.attr("href");
try {
$href = $href.replace("#", "").split("/");
$href = $href[$href.length-1].replace(".aspx","");
} catch(e) {
//console.log(e)
}
if(typeof $href !== "undefined") {
$link.attr("onclick", tpl.replace(url, url + "/" + $href));
}
});
}
// creates the tracking code template
tracking = "_gaq.push(['_trackEvent', 'secondary-nav', 'text', '" + url + "'])";
// set tracking codes to sec navy links
refreshTrackings(anchors, tracking);
// set tracking codes to sec navy buttons
$.each(buttons, function (i, btn) {
var $btn = $(btn);
$btn.attr("onclick", tracking.replace( url, url + "/" + $btn.text()));
});
// set trackings if there are features on this page
$(function(){
var features = $(".Features");
if(features.length > 0) {
var
switches = features.find("a"),
prev = features.find(".icon-arrow-left"),
next = features.find(".icon-arrow-right").add(".FeatureDetails-contentNext"),
grid = features.find(".Panel-reset"),
tracklings = switches.add(prev).add(next),
arrows = prev.add(next),
tpl = "_gaq.push(['_trackEvent', 'product-features', 'text', '" + url + "'])";
// set tracking on grid mini nav (next to prev and next)
grid.attr("onclick", tpl);
// set tracking codes to features items
refreshTrackings(tracklings, tpl);
// listen for tracking code updates
tracklings.on("click", function(){
setTimeout(function(){
refreshTrackings(arrows, tpl);
},100);
});
}
});
})();
</script>
</div>
</span>
</div>
</nav><div class="sf_cols Section Section--pb">
<div id="GeneralContent_C009_Col00" class="sf_colsIn container"><div id="GeneralContent_ctl12">
<div id="Features" class="Panel Features" data-tlrk-plugin="switcher" data-switcher-prevent-default="false">
<div id="GeneralContent_ctl12_ctl00_ctl00_itemsTab" class="Panel-content">
<!-- 2013.3.1114.40 -->
<h2 class="Section-title">Benefits</h2>
<ul class="List List--horizontal">
<li class="List-item col-4 scProductFeature" data-id='771cf4e2-324a-42f3-a2f2-0c907eb582c7'>
<div class="List-thumb">
<a href='#multiple-development-clients' class="Panel-switch">
<img title="Multiple-Development-Clients" src="/sfimages/default-source/productsimages/icenium/icons-features/multiple-development-clients.tmb-.png?sfvrsn=0" alt="Multiple-Development-Clients" />
</a>
</div>
<div class="List-body">
<h4><a href='#multiple-development-clients' class="Panel-switch List-heading">Develop Using Your Favorite IDE</a></h4>
<div class="List-text Text--s">Develop cross-platform mobile apps with our web client, Windows client, Visual Studio extension, command-line interface, or Sublime Text package.</div>
</div>
</li>
<li class="List-item col-4 scProductFeature" data-id='ec6b51bb-d264-40b2-a9d0-4333803f3b74'>
<div class="List-thumb">
<a href='#pure-html5-css-and-javascript' class="Panel-switch">
<img title="Pure-HTML5-CCS-and-JS" src="/sfimages/default-source/productsimages/icenium/icons-features/pure-html5-ccs-and-js.tmb-.png?sfvrsn=0" alt="Pure-HTML5-CCS-and-JS" />
</a>
</div>
<div class="List-body">
<h4><a href='#pure-html5-css-and-javascript' class="Panel-switch List-heading">Build Native-Like Apps With Apache Cordova</a></h4>
<div class="List-text Text--s">Access native device APIs using only HTML5, JavaScript and CSS with Apache Cordova integration.</div>
</div>
</li>
<li class="List-item col-4 scProductFeature" data-id='5819dc42-283d-4043-986b-7ffee90b2923'>
<div class="List-thumb">
<a href='#analysis-feedback' class="Panel-switch">
<img title="Analysis-&-Feedback" src="/sfimages/default-source/productsimages/icenium/icons-features/analysis--amp--feedback.tmb-.png?sfvrsn=0" alt="Analysis-&-Feedback" />
</a>
</div>
<div class="List-body">
<h4><a href='#analysis-feedback' class="Panel-switch List-heading">Analyze Your Apps and Know Your Users</a></h4>
<div class="List-text Text--s">Monitor your app in real-time, see user behavior and address issues as they occur with <a href="https://www.telerik.com/analytics">Telerik Analytics</a>. </div>
</div>
</li>
<li class="List-item col-4 scProductFeature" data-id='386b8bf3-e271-4a4f-93af-91b51462fd73'>
<div class="List-thumb">
<a href='#powerful-simulation-debugging' class="Panel-switch">
<img title="Powerful-Simulation-&-Debugging" src="/sfimages/default-source/productsimages/icenium/icons-features/powerful-simulation--amp--debugging.tmb-.png?sfvrsn=0" alt="Powerful-Simulation-&-Debugging" />
</a>
</div>
<div class="List-body">
<h4><a href='#powerful-simulation-debugging' class="Panel-switch List-heading">See Edits and Debug in Real-Time</a></h4>
<div class="List-text Text--s">Experience the look and feel of your application across multiple device platforms and form factors.</div>
</div>
</li>
<li class="List-item col-4 scProductFeature" data-id='31ce47ad-7d9b-4169-8d5e-9f6bb39cc76f'>
<div class="List-thumb">
<a href='#out-of-the-box-ui-libraries' class="Panel-switch">
<img title="Out-of-the-box-UI-Libraries" src="/sfimages/default-source/productsimages/icenium/icons-features/out-of-the-box-ui-libraries.tmb-.png?sfvrsn=0" alt="Out-of-the-box-UI-Libraries" />
</a>
</div>
<div class="List-body">
<h4><a href='#out-of-the-box-ui-libraries' class="Panel-switch List-heading">Create Beautiful Cross-Platform UI </a></h4>
<div class="List-text Text--s">AppBuilder includes prebuilt jQuery UI Mobile, Telerik Kendo UI Mobile and Kendo UI DataViz project templates.</div>
</div>
</li>
<li class="List-item col-4 scProductFeature" data-id='be5f530a-2c54-4fbd-8d2b-a44c980db70a'>
<div class="List-thumb">
<a href='#on-device-testing' class="Panel-switch">
<img title="On-device-Testing" src="/sfimages/default-source/productsimages/icenium/icons-features/on-device-testing.tmb-.png?sfvrsn=0" alt="On-device-Testing" />
</a>
</div>
<div class="List-body">
<h4><a href='#on-device-testing' class="Panel-switch List-heading">Deploy Fully Tested Market-Ready Apps</a></h4>
<div class="List-text Text--s">Save time by seeing updates in real-time across all connected devices, without having to recompile.</div>
</div>
</li>
<li class="List-item col-4 scProductFeature" data-id='85d4d6ea-7c6e-4de3-81da-bacb0a1d5d43'>
<div class="List-thumb">
<a href='#streamlined-store-deployment' class="Panel-switch">
<img title="Streamlined-store-deployment" src="/sfimages/default-source/productsimages/icenium/icons-features/streamlined-store-deployment0afe0e3221304616a181e61b9b4b3a4f.tmb-.png?sfvrsn=1" />
</a>
</div>
<div class="List-body">
<h4><a href='#streamlined-store-deployment' class="Panel-switch List-heading">Publish to Stores With Ease</a></h4>
<div class="List-text Text--s">Package and publish apps to Windows Phone Store, Google Play and the Apple App Store without leaving AppBuilder.</div>
</div>
</li>
<li class="List-item col-4 scProductFeature" data-id='36476d80-5ef6-4040-80de-d0bbd668ce68'>
<div class="List-thumb">
<a href='#automated-sdk-management' class="Panel-switch">
<img title="Automated-SDK-Management" src="/sfimages/default-source/productsimages/icenium/icons-features/automated-sdk-management.tmb-.png?sfvrsn=0" alt="Automated-SDK-Management" />
</a>
</div>
<div class="List-body">
<h4><a href='#automated-sdk-management' class="Panel-switch List-heading">The Cloud Manages Your SDKs</a></h4>
<div class="List-text Text--s">The AppBuilder cloud-based services eliminates the need to download, configure and manage numerous platform SDKs. </div>
</div>
</li>
<li class="List-item col-4 scProductFeature" data-id='2f8c4d06-b24c-45f1-832e-f202de55ee26'>
<div class="List-thumb">
<a href='#cloud-backend-services' class="Panel-switch">
<img title="Cloud-Backend-Services" src="/sfimages/default-source/productsimages/icenium/icons-features/cloud-backend-services.tmb-.png?sfvrsn=0" alt="Cloud-Backend-Services" />
</a>
</div>
<div class="List-body">
<h4><a href='#cloud-backend-services' class="Panel-switch List-heading">Manage Your Entire App Backend</a></h4>
<div class="List-text Text--s">Seamlessly build and manage hybrid mobile apps with Telerik Backend Services (BaaS).</div>
</div>
</li>
</ul>
<input id="ctl00_GeneralContent_ctl12_ctl00_ctl00_dynamicContentListView_ClientState" name="ctl00_GeneralContent_ctl12_ctl00_ctl00_dynamicContentListView_ClientState" type="hidden" /><span id="ctl00_GeneralContent_ctl12_ctl00_ctl00_dynamicContentListView" style="display:none;"></span>
</div>
<div id="GeneralContent_ctl12_ctl00_ctl00_detailsItemTab" class="Panel-toggle-content">
<div id="GeneralContent_ctl12_ctl00_ctl00_showAllItemsPanel">
</div>
<div id="GeneralContent_ctl12_ctl00_ctl00_detailsItemPanel" class="FeatureDetails">
<div class="FeatureDetails-controls">
<a class="icon-arrow-left" data-action="prev" href="#"><</a>
<a class="icon-arrow-right" data-action="next" href="#">></a>
<a class="Panel-reset icon-gallery" href="#">All</a>
</div>
<div class="FeatureDetails-content"></div>
<a href="#" data-action="next" class="FeatureDetails-contentNext Link Link--readMore">Next: <span class="next-item-title"></span></a>
</div>
</div>
</div>
</div></div>
</div><div class="sf_cols Section Section--blue3">
<div id="GeneralContent_C081_Col00" class="sf_colsIn container"><div class='sfContentBlock'><h2 id="IDEchoices" class="Section-title">IDE Choices</h2>
</div><div class="sf_cols row">
<div id="GeneralContent_C157_Col00" class="sf_colsIn col-five"><div class='u-tac'><h4><a href="/appbuilder/in-browser-client">In-Browser<br/> Client</a></h4>
</div><div class='sfimageWrp u-tac'><a href="/appbuilder/in-browser-client"><img alt="" src="/sfimages/default-source/productsimages/icenium/Development-tools/appbuilder-cloud-interface.png?sfvrsn=2" title="AppBuilder-In-browser-client" /></a>
</div><div class='u-tac'><p class="Text--s u-nm">Develop cross-platform mobile apps on the go with a web client that runs in all modern browsers. </p>
</div></div>
<div id="GeneralContent_C157_Col01" class="sf_colsIn col-five"><div class='u-tac'><h4><a href="/appbuilder/windows-client">Windows<br/> Client</a></h4>
</div><div class='sfimageWrp u-tac'><a href="/appbuilder/windows-client"><img alt="" src="/sfimages/default-source/productsimages/icenium/Development-tools/ide_choices_02.png?sfvrsn=0" title="AppBuilder-Windows-Client" /></a>
</div><div class='u-tac'><p class="Text--s u-nm"> This native Windows application provides code navigation, refactoring and real-time on-device updates.</p>
</div></div>
<div id="GeneralContent_C157_Col02" class="sf_colsIn col-five"><div class='u-tac'><h4><a href="/appbuilder/visual-studio-extension">Visual Studio Extension</a></h4>
</div><div class='sfimageWrp u-tac'><a href="/appbuilder/visual-studio-extension"><img alt="" src="/sfimages/default-source/productsimages/icenium/Development-tools/appbuilder-visual-studio-extension.png?sfvrsn=2" title="AppBuilder-Visual-Studio-Extension" /></a>
</div><div class='u-tac'><p class="Text--s u-nm">Enjoy all of the AppBuilder platform’s cross-platform capabilities without leaving Visual Studio.</p>
</div></div>
<div id="GeneralContent_C157_Col03" class="sf_colsIn col-five"><div class='u-tac'><h4><a href="/appbuilder/sublime-text-package">Sublime Text Package</a></h4>
</div><div class='sfimageWrp u-tac'><a href="/appbuilder/sublime-text-package"><img alt="" src="/sfimages/default-source/productsimages/icenium/Development-tools/appbuilder-sublime-text-package.png?sfvrsn=2" title="AppBuilder-Sublime-Text-Package" /></a>
</div><div class='u-tac'><p class="Text--s u-nm">Add a set of commands to build, deploy and LiveSync changes from Sublime Text to your connected devices.</p>
</div></div>
<div id="GeneralContent_C157_Col04" class="sf_colsIn col-five"><div class='u-tac'><h4><a href="/appbuilder/command-line-interface">Command-Line Interface</a></h4>
</div><div class='sfimageWrp u-tac'><a href="/appbuilder/command-line-interface"><img alt="" src="/sfimages/default-source/productsimages/icenium/Development-tools/appbuilder-command-line-interface.png?sfvrsn=2" title="AppBuilder-Command-Line-Interface" /></a>
</div><div class='u-tac'><p class="Text--s u-nm">Access the build, deploy and simulator capabilities of AppBuilder from the command line, on Windows or OS X.</p>
</div></div>
</div>
</div>
</div><div class="sf_cols Section">
<div id="GeneralContent_C084_Col00" class="sf_colsIn container"><div class='sfContentBlock'><h2 id="Integrations" class="Section-title">Part of the Telerik Platform</h2>
</div><div class="sf_cols row">
<div id="GeneralContent_C128_Col00" class="sf_colsIn col-6"><div class='sfContentBlock'><p>Telerik AppBuilder is available separately or as part of the Telerik Platform, the first end-to-end platform for hybrid, native and web development across all devices. Join the platform to gain access to:</p> <ul> <li>Industry-leading UI tools for web, hybrid and native apps </li> <li><span style="line-height: 1.5;">Design, develop and test mobile apps</span></li> <li><span style="line-height: 1.5;">Simplify data management, data integration, user management and push notifications</span></li> <li><span style="line-height: 1.5;">Explore user behavior with powerful app analytics</span></li> </ul> <a href="/platform" class="Link--next">More about the Telerik Platform</a>
</div></div>
<div id="GeneralContent_C128_Col01" class="sf_colsIn col-6"><div class="sfimageWrp">
<img id="GeneralContent_C130_ctl00_ctl00_imageItem" title="Bundles_MobileCraft_620px" src="/sfimages/default-source/productsimages/mobilecraft/bundles_mobilecraft_big.png?sfvrsn=6" alt="Telerik Platform" />
</div></div>
</div>
</div>
</div>
<div class="sf_cols Section Section--black">
<div id="GeneralContent_C016_Col00" class="sf_colsIn container"><div class='sfContentBlock'><h2 id="SupportAndLearning" class="Section-title">Support and Learning</h2>
</div><div class="sf_cols row row--separated u-mb6">
<div id="GeneralContent_C017_Col00" class="sf_colsIn col-3"><div class='sfContentBlock'><h6>Getting started</h6> <ul class="List List--links-4 Space--cozy"> <li><a href="/appbuilder/sample-apps">Sample Apps</a></li> <li><a href="/videos/appbuilder">Videos</a></li> <li><a href="/company/success-stories/appbuilder">Case Studies</a></li> <li><a href="/whitepapers/appbuilder">Whitepapers</a></li> </ul>
</div></div>
<div id="GeneralContent_C017_Col01" class="sf_colsIn col-3"><div class='sfContentBlock'><h6>Documentation</h6> <ul class="List List--links-4 Space--cozy"> <li><a href="https://docs.telerik.com/platform/appbuilder" title="Telerik AppBuilder Documentation">Documentation</a></li> <li><a href="/support/whats-new/appbuilder/release-history">Release History</a></li> <li><a href="/appbuilder/system-requirements">System Requirements</a></li> </ul>
</div></div>
<div id="GeneralContent_C017_Col02" class="sf_colsIn col-3"><div class='sfContentBlock'><h6>Dedicated support</h6> <ul class="List List--links-4 Space--cozy"> <li><a href="/forums/appbuilder">Forums</a></li> <li><a href="/appbuilder/faq">FAQ</a></li> <li><a href="https://feedback.telerik.com/Project/129">Suggest Features</a></li> <li><a href="/account/support-tickets/available-support-list.aspx">Engage With Support</a></li> </ul>
</div></div>
<div id="GeneralContent_C017_Col03" class="sf_colsIn col-3"><div class='sfContentBlock'><h6>Keep in touch</h6> <ul class="List List--links-4 Space--cozy"> <li><a href="https://blogs.telerik.com/appbuilder/posts">Blog</a></li> <li><a href="https://twitter.com/Telerik">Twitter</a></li> <li><a href="https://www.facebook.com/Telerik">Facebook</a></li> <li><a href="https://plus.google.com/+telerik/posts">Google+</a></li> </ul>
</div></div>
</div><div class="sf_cols row">
<div id="GeneralContent_C112_Col00" class="sf_colsIn col-6"><div class='sfContentBlock'><h3>Sample Apps</h3> <p class="u-mb4">AppBuilder includes dozens of sample apps to help you easily start developing cross-platform mobile apps in just minutes.</p> <a href="/appbuilder/sample-apps" class="Btn Btn--prim">Go to sample apps</a>
</div></div>
<div id="GeneralContent_C112_Col01" class="sf_colsIn col-6"><div class="sfimageWrp u-fr">
<img id="GeneralContent_C099_ctl00_ctl00_imageItem" title="AppBuilder_Overview_SampleApps" src="/sfimages/default-source/productsimages/icenium/Support-/appbuilder_overview_sampleapps.png?sfvrsn=0" alt="" />
</div></div>
</div></div>
</div><div class="sf_cols Section">
<div id="GeneralContent_C141_Col00" class="sf_colsIn container Section-titleContainer"><div class='sfContentBlock'><h2 id="LiveDemo">Industry-Leading Support</h2>
</div></div>
<div id="GeneralContent_C141_Col01" class="sf_colsIn container"><div class="sf_cols row">
<div id="GeneralContent_C143_Col00" class="sf_colsIn col-6"><div class="sf_cols row">
<div id="GeneralContent_C144_Col00" class="sf_colsIn col-8"><div class='sfContentBlock'><h4>Expert and Timely Response</h4> <p>Already a customer? Get answers to your questions directly from the developers who built Telerik AppBuilder.</p> <a class="Link Link--readMore" href="/account/support-tickets/my-support-tickets.aspx" title="Contact Telerik Support">Contact support</a>
</div></div>
<div id="GeneralContent_C144_Col01" class="sf_colsIn col-4"><div class="sfimageWrp">
<img id="GeneralContent_C148_ctl00_ctl00_imageItem" title="genericCloud_support_expert&timely" src="/sfimages/default-source/productsimages/mobilecraft/genericcloud_support_expert-amp-timely.png?sfvrsn=4" alt="genericCloud_support_expert&timely" />
</div></div>
</div>
</div>
<div id="GeneralContent_C143_Col01" class="sf_colsIn col-6"><div class="sf_cols row">
<div id="GeneralContent_C145_Col00" class="sf_colsIn col-8"><div class='sfContentBlock'><h4>Need Evaluation Help?</h4> <p>Cross-platform app considerations are complex. If you don't have time to evaluate AppBuilder, send us your project requirements. We will evaluate your required features for you and let you know how we can help.</p> <a class="Link Link--readMore" href="/support/send-project-requirements">Send us your requirements</a>
</div></div>
<div id="GeneralContent_C145_Col01" class="sf_colsIn col-4"><div class="sfimageWrp">
<img id="GeneralContent_C149_ctl00_ctl00_imageItem" title="genericCloud_spport_experience" src="/sfimages/default-source/default-album/genericcloud_spport_experience.png?sfvrsn=2" alt="" />
</div></div>
</div>
</div>
</div>
</div>
</div>
<div class="sf_cols Section Section--grey1">
<div id="GeneralContent_C021_Col00" class="sf_colsIn container"><div class='sfContentBlock'><h2 id="WhatsNew" class="Section-title">What's New</h2>
</div><div class="sf_cols row">
<div id="GeneralContent_C023_Col00" class="sf_colsIn col-4"><div class='sfContentBlock'><h4 class="u-mb2">Latest Notes</h4>
</div><div class='sfContentBlock'><p>Telerik updated AppBuilder to version 2.0 on March, 2014. The new update added a number of important features and improved version control capabilities. Below is a list of new features introduced with the 2.0 release:</p> <ul> <li>Added support for Windows Phone 8</li> <li>Introduced the AppBuilder Command-line Interface</li> <li>Provided support for building apps using Sublime Text with AppBuilder package</li> <li>Added support for LESS files in the code editor</li> </ul> <a href="/support/whats-new/appbuilder/release-history" class="Link--readMore">Read more</a>
</div></div>
<div id="GeneralContent_C023_Col01" class="sf_colsIn col-4"><div class='sfContentBlock'><h4 class="u-mb2">Recent Videos</h4>
</div><div>
<ul class="list-no-bullets Space--mid">
<li>
<h5 style="margin-bottom:5px">
<a href='/videos/kendo-ui/kendo-ui-mobile-and-icenium'>Kendo UI and AppBuilder (formerly Icenium)</a>
</h5>
<div class="Label">6:19 min</div>
</li>
<li>
<h5 style="margin-bottom:5px">
<a href='/videos/appbuilder/creating-hybrid-mobile-apps-with-apache-cordova-'>Creating hybrid mobile apps with Apache Cordova </a>
</h5>
<div class="Label">5:55 min</div>
</li>
<li>
<h5 style="margin-bottom:5px">
<a href='/videos/backend-services/cleaning-up-javascript-callbacks-with-promises'>Cleaning Up JavaScript Callbacks With Promises</a>
</h5>
<div class="Label">12:33 min</div>
</li>
</ul>
<input id="ctl00_GeneralContent_ctl26_ctl00_ctl00_dynamicContentListView_ClientState" name="ctl00_GeneralContent_ctl26_ctl00_ctl00_dynamicContentListView_ClientState" type="hidden" /><span id="ctl00_GeneralContent_ctl26_ctl00_ctl00_dynamicContentListView" style="display:none;"></span>
</div><div class='sfContentBlock'><a href="/videos/appbuilder" class="Link--readMore">More AppBuilder videos</a>
</div></div>
<div id="GeneralContent_C023_Col02" class="sf_colsIn col-4"><div class='sfContentBlock'><h4 class="u-mb2">Recent Whitepaper</h4>
</div><div>
<div id="GeneralContent_ctl27_ctl00_ctl00_detailContainer">
<h5>
<a href="/whitepapers/appbuilder/approaching-mobile-understanding-the-three-ways-to-build-mobile-apps">Approaching Mobile: Understanding the Three Ways to Build Mobile Apps</a>
</h5>
<div class="u-mb2 Text--s">
<span><p>To build apps that reach all users, developers must deal with many different operating systems, SDKs, development tools, screen sizes and form factors, as well as a technology landscape that is still in a constant state of flux. And if that were not enough, there are also several different ways to build mobile apps that development teams must sort through before beginning any new mobile effort. There are three primary approaches to building mobile apps today: Web, Hybrid, and Native.</p> <p>This paper aims to explain the primary differences between these approaches and provide a basic framework for choosing the “right” way to build modern mobile apps.</p></span>
</div>
</div>
</div><div class='sfContentBlock'><a href="/whitepapers/appbuilder" class="Link--readMore">All AppBuilder whitepapers</a>
</div></div>
</div>
</div>
</div><div class="sf_cols Section">
<div id="GeneralContent_C028_Col00" class="sf_colsIn container"><div class='sfContentBlock'><h2 id="Customers" class="Section-title">Testimonials</h2>
</div><div>
<ul class="row">
<li class="col-4">
<blockquote>
<p>Thanks to Telerik Backend Services and AppBuilder, I was able to release my first app, Hidden Cuisine, in two months. Telerik Backend Services makes it easy to store and access your data in the cloud.</p>
<cite>
<strong>Blake Scarlavai</strong>Creator of Hidden Cuisine
<br />Hidden Cuisine
</cite>
</blockquote>
</li>
<li class="col-4">
<blockquote>
<p>Telerik AppBuilder lets me leverage my HTML, CSS and JavaScript skills easily and effectively. If it wasn’t for Telerik and its ease of use, and develop-once-and-deploy-many strategy, we would have never hit our deadlines.</p>
<cite>
<strong>Jeff Monteforte</strong>CIO
<br />CellepathicRx
</cite>
</blockquote>
</li>
<li class="col-4">
<blockquote>
<p>Telerik AppBuilder has given us massive confidence in building hybrid apps, and we're looking forward to utilizing it for future projects</p>
<cite>
<strong>Matthew Augier</strong>Dev Team Leader
<br />Purple Agency
</cite>
</blockquote>
</li>
</ul>
<input id="ctl00_GeneralContent_ctl29_ctl00_ctl00_dynamicContentListView_ClientState" name="ctl00_GeneralContent_ctl29_ctl00_ctl00_dynamicContentListView_ClientState" type="hidden" /><span id="ctl00_GeneralContent_ctl29_ctl00_ctl00_dynamicContentListView" style="display:none;"></span>
</div></div>
</div>
<div class="sf_cols Section Section--blue2">
<div id="GeneralContent_C030_Col00" class="sf_colsIn container"><div class='sfContentBlock'><h2>Next Steps</h2>
</div><div class="sf_cols row">
<div id="GeneralContent_C031_Col00" class="sf_colsIn col-4"><div class='sfContentBlock'><p><a href="https://platform.telerik.com/gettingstarted/appbuilder" class="Btn Btn--l u-db">Sign up - it's free</a></p>
You are 3 clicks away from building a cross-platform app. Try AppBuilder with dedicated technical support.
</div></div>
<div id="GeneralContent_C031_Col01" class="sf_colsIn col-4"><div class='sfContentBlock'><p><a href="/platform" class="Btn Btn--neutral Btn--l u-db">Explore Telerik Platform</a></p>
Learn more about the capabilities of Telerik Platform and how it makes life easy for developers.
</div></div>
<div id="GeneralContent_C031_Col02" class="sf_colsIn col-4"><div class='sfContentBlock'><p><a href="/purchase/appbuilder" class="Btn Btn--l Btn--neutral u-db" title="See Telerik AppBuilder pricing">See pricing</a> </p>
Check out the offers. Purchase a monthly license or treat yourself to one of our bundles.
</div></div>
</div>
</div>
</div>
</div>
</div>
</div><div class="sf_cols Footer">
<div class="sf_colsOut sf_1col_1_100 container" style="">
<div id="GeneralContent_T73A12E0A101_Col00" class="sf_colsIn sf_1col_1in_100"><div class="sf_cols row">
<div id="GeneralContent_T73A12E0A108_Col00" class="sf_colsIn col-2"><div class='sfContentBlock'><h6>Telerik Platform</h6> <ul> <li> <a href="/platform" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'what-is-telerik-platform']);">What is the Telerik Platform?</a> </li> <li> <a href="/ui-controls" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'ui-for-any-approach']);">UI for Any Approach</a> </li> <li> <a href="/cloud-development" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'cloud-services']);">Cloud Services</a> </li> <li> <a href="/app-development" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'end-to-end-yet-modular']);">End-to-End, yet Modular</a> </li> </ul>
</div></div>
<div id="GeneralContent_T73A12E0A108_Col01" class="sf_colsIn col-2"><div class='sfContentBlock'><h6>Collections</h6> <ul> <li> <a href="/devcraft" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'devcraft']);">DevCraft</a> </li> </ul> <h6>Get Products</h6> <ul> <li> <a href="/download" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'free-trials']);">Free Trials</a> </li> <li> <a href="/purchase.aspx" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'store']);">Pricing</a> </li> </ul>
</div></div>
<div id="GeneralContent_T73A12E0A108_Col02" class="sf_colsIn col-2"><div class='sfContentBlock'><h6>Recognition</h6> <ul> <li><a href="/company/customers" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'key-customers']);">Key Customers</a></li> <li><a href="/company/success-stories" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'success-stories']);">Success Stories</a></li> <li><a href="/company/testimonials" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'testimonials']);">Testimonials</a></li> <li><a href="/company/awards" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'awards']);">Awards</a></li> </ul>
</div><div class='sfContentBlock'><h6>Solutions</h6> <ul> <li><a href="/enterprise" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'enterprise']);">Enterprise</a></li> <li><a href="//partners.telerik.com" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'partners']);">Partners</a></li> </ul>
</div></div>
<div id="GeneralContent_T73A12E0A108_Col03" class="sf_colsIn col-2"><div class='sfContentBlock'><h6>Resources</h6> <ul> <li> <a href="https://blogs.telerik.com/" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'blogs']);">Blogs</a> </li> <li> <a href="/support/demos" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'demos']);">Demos</a> </li> <li> <a href="https://docs.telerik.com" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'documentation']);">Documentation</a> </li> <li> <a href="/community/events" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'events']);">Events</a> </li> <li> <a href="/forums" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'forums']);">Forums</a> </li> <li> <a href="/support/whats-new" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'release-history']);">Release History</a> </li> <li> <a href="/videos" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'videos']);">Videos</a> </li> <li> <a href="/webinars" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'webinars']);">Webinars</a> </li> <li> <a href="/whitepapers" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'whitepapers']);">Whitepapers</a> </li> </ul>
</div></div>
<div id="GeneralContent_T73A12E0A108_Col04" class="sf_colsIn col-2"><div class='sfContentBlock'><h6>Company</h6> <ul> <li><a href="/company" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'about-telerik']);">About Telerik</a></li> <li><a href="/company/difference" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'the-telerik-difference']);">The Telerik Difference</a></li> <li><a href="/company/management" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'management']);">Management</a></li> <li><a href="/company/press-releases" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'press-releases']);">Press Releases</a></li> <li><a href="/company/careers" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'careers']);">Careers</a></li> </ul>
</div></div>
<div id="GeneralContent_T73A12E0A108_Col05" class="sf_colsIn col-2"><h6>CONTACT</h6> <ul> <li><mark class="is-hidden">USA:</mark> +1 888 365 2779</li> <li class="is-hidden"><mark>UK:</mark> +44 20 7382 4450</li> <li class="is-hidden"><mark>India:</mark> +91 124 4300987</li> <li class="is-hidden"><mark>Germany:</mark> +49 89 2441642-70</li> <li class="is-hidden"><mark>Denmark:</mark> +45 70 208 875</li> <li class="is-hidden"><mark>Bulgaria:</mark> +359 2 8099850</li> <li class="is-hidden"><mark>Australia:</mark> +61 2 8090 1465</li> <li><a href="mailto:sales@telerik.com" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'mailto', 'sales@telerik.com']);">sales@telerik.com</a></li> </ul> <ul> <li> <a href="/company/offices" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'offices-and-departments']);">Offices and Departments</a> </li> </ul>
<div class="Footer-social"> <a href="https://www.facebook.com/Telerik" class="icon-facebook" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'icon', 'social-facebook']);" target="_blank"></a> <a href="https://twitter.com/telerik" class="icon-twitter" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'icon', 'social-twitter']);" target="_blank"></a> <a href="https://www.linkedin.com/company/telerik" class="icon-linkedin" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'icon', 'social-linkedin']);" target="_blank"></a> <a href="https://plus.google.com/+telerik" class="icon-google" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'icon', 'social-google+']);" target="_blank"></a> </div>
</div>
</div>
<div class='Footer-credits'><div class="row"> <div class="col-12"> <div class="Footer-end"> <div class="QuickLinks"> <a href="/company/terms-of-use" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'terms-of-use']);">Terms of Use</a> <a href="/company/feedback" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'feedback']);">Site Feedback</a> <a href="/company/privacy-policy" onclick="_gaq.push(['_trackEvent', 'footer-nav', 'text', 'privacy-policy']);">Privacy Policy</a> </div> <div class="row"> <div class="col-10"> <p>Copyright © 2002-2014 Telerik. All rights reserved.</p> </div> <div class="col-2"> <p class="u-wsn"><a href="http://www.sitefinity.com/">Powered by Telerik Sitefinity CMS</a></p> </div> </div> </div> </div> </div>
</div>
</div>
</div>
</div><div class="sf_cols">
<div class="sf_colsOut sf_1col_1_100">
<div id="GeneralContent_T73A12E0A120_Col00" class="sf_colsIn sf_1col_1in_100"><link id="GeneralContent_T73A12E0A119" />
</div>
</div>
</div>
<script type="text/javascript">
MarketoSubmitScript.load({"serviceBaseUrl":"/Sitefinity/Public/Services/Connector/MarketoConnectorService.svc/","sitefinityForms":null,"trackExternalForms":true,"externalFormSubmitButtonsQuery":"a.sfSubmitBtn, a[id*=LoginButton], button[type=submit], input[type=submit]:not(.sfsearchSubmit, .search-submit, .sfcommentsSubmitBtn, [id*=forumsFrontendPostsList], [id*=forumsFrontendThreadsList], [id*=newThreadView], [id*=resetPassword], [id*=sandboxForm], [onclick*=PublisherRegistration], [onclick*=SubmitShowcaseForm], [onclick*=HostedApplications])","externalFormFieldKeyAttributes":["type","name"],"doSpecificWebCallsOnExternalForm":true,"marketoLeadFields":{"Email":"Email","Title":"Title","UserName":"Email","emailTb":"Email","firstNameTb":"FirstName","lastNameTb":"LastName","Name of Your Startup":"Company","FirstName":"FirstName","LastName":"LastName","Name":"FirstName","Country":"Country","Company":"Company","Phone":"Phone","mailTextBox":"Email","State":"State","":""}});
</script>
<script type="text/javascript">
//<![CDATA[
var Page_Validators = new Array(document.getElementById("GeneralContent_T73A12E0A147_ctl00_ctl00_cvSearchText"));
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
var GeneralContent_T73A12E0A147_ctl00_ctl00_cvSearchText = document.all ? document.all["GeneralContent_T73A12E0A147_ctl00_ctl00_cvSearchText"] : document.getElementById("GeneralContent_T73A12E0A147_ctl00_ctl00_cvSearchText");
GeneralContent_T73A12E0A147_ctl00_ctl00_cvSearchText.controltovalidate = "GeneralContent_T73A12E0A147_ctl00_ctl00_txtKeyword";
GeneralContent_T73A12E0A147_ctl00_ctl00_cvSearchText.validationGroup = "searchValidationGroup";
GeneralContent_T73A12E0A147_ctl00_ctl00_cvSearchText.evaluationfunction = "CustomValidatorEvaluateIsValid";
GeneralContent_T73A12E0A147_ctl00_ctl00_cvSearchText.clientvalidationfunction = "validateText";
GeneralContent_T73A12E0A147_ctl00_ctl00_cvSearchText.validateemptytext = "true";
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
var Page_ValidationActive = false;
if (typeof(ValidatorOnLoad) == "function") {
ValidatorOnLoad();
}
function ValidatorOnSubmit() {
if (Page_ValidationActive) {
return ValidatorCommonOnSubmit();
}
else {
return true;
}
}
//]]>
</script>
<script type="text/javascript"> var _kiq = _kiq || [];
(function(){
setTimeout(function(){
var d = document, f = d.getElementsByTagName('script')[0], s = d.createElement('script'); s.type = 'text/javascript';
s.async = true; s.src = '//s3.amazonaws.com/ki.js/24100/4Nr.js'; f.parentNode.insertBefore(s, f);
}, 1);
})();</script>
<script src="//ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="//ajax.aspnetcdn.com/ajax/jQuery.Validate/1.8.1/jQuery.Validate.min.js" type="text/javascript"></script>
<script src="/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=ScriptManager_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bTelerik.Sitefinity.Resources%3aen%3a49ac9210-ea41-48dc-a13c-150f9bd154d2%3a83eb063b%3bTelerik.Sitefinity%3aen%3a5e9b9347-16f8-44ae-833a-c0fef2fd80d0%3a993d8e92%3a5b182b17%3bWeb.SitefinityExtensions.GSA%2c+Version%3d1.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3dnull%3aen%3a7fe91749-05fd-4877-a8c7-d142e1c4ab08%3aee5e0fe%3a4e23a708%3a938f4e9a%3bWeb.SitefinityExtensions.DynamicContent%2c+Version%3d1.0.13259.3%2c+Culture%3dneutral%2c+PublicKeyToken%3dnull%3aen%3a0c772a62-7cf9-416c-9f64-56462e499218%3ac1dc7cf3" type="text/javascript"></script>
<script src="https://aspnet-scripts.telerikstatic.com/ajaxz/2013.3.1114/Common/Core.js" type="text/javascript"></script>
<script src="https://aspnet-scripts.telerikstatic.com/ajaxz/2013.3.1114/ListView/RadListViewScripts.js" type="text/javascript"></script>
<script src="https://aspnet-scripts.telerikstatic.com/ajaxz/2013.3.1114/Common/jQuery.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
;(function() {
function loadHandler() {
var hf = $get('ctl06_TSSM');
if (!hf._RSSM_init) { hf._RSSM_init = true; hf.value = ''; }
hf.value += ';Telerik.Sitefinity.Resources, Version=6.3.5027.0, Culture=neutral, PublicKeyToken=null:en:49ac9210-ea41-48dc-a13c-150f9bd154d2:7a90d6a';
Sys.Application.remove_load(loadHandler);
};
Sys.Application.add_load(loadHandler);
})();Sys.Application.add_init(function() {
$create(Web.SitefinityExtensions.GSA.Widgets.Page.SearchBar, {"autoCompleteEnabled":true,"btnSearch":$get("GeneralContent_T73A12E0A147_ctl00_ctl00_btnSearch"),"collection":"telerik30","suggestUrl":"/public/services/gsaservice//autoSuggest","txtKeyword":$get("GeneralContent_T73A12E0A147_ctl00_ctl00_txtKeyword")}, null, null, $get("GeneralContent_T73A12E0A147"));
});
document.getElementById('GeneralContent_T73A12E0A147_ctl00_ctl00_cvSearchText').dispose = function() {
Array.remove(Page_Validators, document.getElementById('GeneralContent_T73A12E0A147_ctl00_ctl00_cvSearchText'));
}
Sys.Application.add_init(function() {
$create(Web.SitefinityExtensions.DynamicContent.ContentViews.DynamicMasterViewClientSideDetails, {"detailTemplateKey":"bc5a628b-d668-41fd-8d9e-2ce3b0b334a1","detailsItemDataBaseServiceUrl":"/RestApi","detailsItemPanel":$get("GeneralContent_ctl12_ctl00_ctl00_detailsItemPanel"),"detailsItemTab":$get("GeneralContent_ctl12_ctl00_ctl00_detailsItemTab"),"dynamicContentTypeName":"Telerik.Sitefinity.DynamicTypes.Model.Products.ProductFeature","imageFieldName":null,"itemsTab":$get("GeneralContent_ctl12_ctl00_ctl00_itemsTab"),"previewItemCssClass":"scProductFeature","showAllItemsPanel":$get("GeneralContent_ctl12_ctl00_ctl00_showAllItemsPanel")}, null, null, $get("GeneralContent_ctl12"));
});
Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadListView, {"UniqueID":"ctl00$GeneralContent$ctl12$ctl00$ctl00$dynamicContentListView","_clientSettings":{"DataBinding":{"ItemPlaceHolderID":"ctl00_GeneralContent_ctl12_ctl00_ctl00_dynamicContentListView_ItemsContainer","DataService":{}}},"_virtualItemCount":9,"clientStateFieldID":"ctl00_GeneralContent_ctl12_ctl00_ctl00_dynamicContentListView_ClientState"}, null, null, $get("ctl00_GeneralContent_ctl12_ctl00_ctl00_dynamicContentListView"));
});
Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadListView, {"UniqueID":"ctl00$GeneralContent$ctl26$ctl00$ctl00$dynamicContentListView","_clientSettings":{"DataBinding":{"ItemPlaceHolderID":"ctl00_GeneralContent_ctl26_ctl00_ctl00_dynamicContentListView_ItemsContainer","DataService":{}}},"_virtualItemCount":3,"clientStateFieldID":"ctl00_GeneralContent_ctl26_ctl00_ctl00_dynamicContentListView_ClientState"}, null, null, $get("ctl00_GeneralContent_ctl26_ctl00_ctl00_dynamicContentListView"));
});
Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadListView, {"UniqueID":"ctl00$GeneralContent$ctl29$ctl00$ctl00$dynamicContentListView","_clientSettings":{"DataBinding":{"ItemPlaceHolderID":"ctl00_GeneralContent_ctl29_ctl00_ctl00_dynamicContentListView_ItemsContainer","DataService":{}}},"_virtualItemCount":3,"clientStateFieldID":"ctl00_GeneralContent_ctl29_ctl00_ctl00_dynamicContentListView_ClientState"}, null, null, $get("ctl00_GeneralContent_ctl29_ctl00_ctl00_dynamicContentListView"));
});
//]]>
</script>
<script src="//www.telerik-web-assets.com/cache/c81f85426297fdfa9639785d66ff4985fcf30263/telerik/js/dist/all.min.js" type="text/javascript"></script></form>
</body>
</html>
</body></html>
