Adding Telerik Universal

Telerik has released a new toolset, UI for Windows Universal. You can now use many components like Charts and Calendars in a shared XAML page in your application. If you already have the Telerik Windows Phone or Windows 8.1 XAML controls, you now have a license for the Universal controls, too.

It is very simple to add it to your project. Let me show you in a quick File > New example:

1- Open Visual Studio 2013 and create a new Universal Store app.

Select File > New > Project > Visual C# > Store Apps > Universal Apps and choose the HubApp template (you can choose Blank App if you prefer, we’re only going to use the Shared folder to add content).

S1

2- After the project generates, let’s focus on the solution Explorer. First, lets add the Telerik reference to the Windows project.

Right click on References > Add Reference > select Windows 8.1 (in the left tree) > Extensions. Now you’ll see a list of extensions, choose “Telerik UI for Windows Universal

S2

3- Now add the Telerik extension to the Windows Phone project.

The steps are the sames as you did in step 2, but the extension’s name is “Telerik UI for Windows Phone 8.1

S3

4- Now we are ready to start building, let’s add a RadCalendar to a shared XAML page.

  1. Build the solution (F6)
  2. Right click on the Shared Project and select Add > New Item > Blank Page
  3. In the Visual Studio Toolbox type in “RadCalendar“, drag and drop it onto your new blank page. You can also type it in, but make sure you add the namespace (see screenshot)

S4

You can also see how the control will on Phone by simply toggling the view:

S5

That’s all there is to it!

Here are some more resources for you:

One last thing I should mention is that not all the Windows 8.1 controls are Universal right now. We are hard at work to bring more over. Here is a list as of Q3 2014:

Hackathon Winners

I will be writing a more in-depth blog post (with videos and event pictures) on the Telerik website when all the media is done being edited. For now, I wanted to quickly get a post up to show the winners of The Boston Hackathon. There were over 40 apps created, submitted and presented! Every developer who went through my grueling training schedule on day one, built their app, got it in by 3:30PM on day two and had the courage to present to the audience, earned a Nokia Premium Developer Program token ($1,500 value)! They will all be able to publish their apps to the Windows Phone Store.

Go here and see the comments on this photo. The comments are from the developers who participated and give you a great insight into the event.

Without further ado, here are the winners.

First Place

First place went to VTX (Voice Assisted Training & Exercise by Maneesh Moota and Roman Jaquez). It was a spectacular application that leveraged the power of the Telerik Design Templates and RadControls for Windows Phone. It also integrated speech, maps, accelerometer data, backend for user profiles,  RadQrCode to share workout routines and much more. Here are some screenshots:

wp_ss_20130416_0006   wp_ss_20130416_0001wp_ss_20130416_0002wp_ss_20130416_0003 wp_ss_20130416_0004 wp_ss_20130416_0005

Second Place

Second place went to LockMapper, by Jeffrey Harmon (developer of the successful app, Memorylage). This app updates your lock screen with your current location on a map, and also the live tile, with your current location and the route to your destination plotted! Jeff demonstrates his out-of-the-box thinking with this unique featuring of WP8 APIs and Telerik controls and nailed another home run..  Here are some screenshots:

wp_ss_20130416_0008 wp_ss_20130416_0009 wp_ss_20130416_0016 wp_ss_20130416_0017wp_ss_20130416_0007 wp_ss_20130416_0018

Third Place

Third place was RadLibs, by Team Hyland (Jeremiah Bryant, Anthony Russell, Kevin DiTraglia and Bryan Stump) who drove all the way from Cleveland, Ohio to participate! The app is a digital MadLib, that spits out some really funny stories from the user’s pre-chosen, random words. They used the Telerik controls throughout the app and even used the speech APIs which made the app even funnier.

UPDATE: Now available in the Windows Phone Store, get it here.

Here are some screenshots:

wp_ss_20130416_0012 wp_ss_20130416_0013 wp_ss_20130416_0014 wp_ss_20130416_0015

Conclusion

Every single developer that participated poured their heart and soul into this.  I didn’t have a chance to even take a break longer than 5 minutes, that’s how engaging these developers were. They were all full of questions. Look out world, we have a new crop of relentlessly dedicated Windows Phone developers coming your way! I couldn’t be more proud of what was accomplished this weekend, kudos to everyone involved.     Note: These are screenshots of the app as it was presented to the judges. There will most likely be improvements/changes made before being available in the Windows Phone Store.