When using the Telerik Windows 8 controls HTML in a Windows 8 Store project, you have to add the RadControls for Windows 8 HTML CSS and JavaScript references as described in this post. For reference, the files are as shown in Listing 1. I’ve shown using the dark theme. If you prefer the light theme, the second CSS file would be “light.css”.
<!-- Telerik references -->
<link href="/Telerik.UI/css/common.css" rel="stylesheet" />
<link href="/Telerik.UI/css/dark.css" rel="stylesheet" />
<script src="/Telerik.UI/js/jquery.js"></script>
<script src="/Telerik.UI/js/ui.js"></script>
Listing 1 – Adding the Telerik References
The order of the JavaScript files matters, as the “ui.js” JavaScript depends on the “jquery.js” code to be loaded prior. If you swap the order, you will get an unhandled exception stating “JQuery is not defined”. The solution is easy – make sure you have the order listed as in Listing 1.