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”.
Listing 1 – Adding the Telerik References<!-- 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>
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.
Philip Japikse is an international speaker, a Microsoft MVP, ASPInsider, INETA Community Champion, MCSD, CSM/ CSP, and a passionate member of the developer community. Phil has been working with .Net since the first betas, developing software for over 20 years, and heavily involved in the agile community since 2005. Phil also hosts the Hallway Conversations podcast (www.hallwayconversations.com) and serves as the Lead Director for the Cincinnati .Net User’s Group (http://www.cinnug.org). You can follow Phil on twitter via www.twitter.com/skimedic, or read his personal blog at www.skimedic.com/blog.