Recently I received an email from Telerik inviting me to try their
new Rad controls for Windows 8 applications, for past few days I used some of these and in this post we’re going to take a look at two of them.
First download them from Telerik.com. After installation, a Rad Controls for Windows 8 section will appear in your toolbox.
Using Rad Controls for Windows 8 in C# and XAML Windows Store app
Lets drag and drop RadHubTile from the toolbox to the designer and set some properties, this control allows you to use an image as a Tile. I have a created a new Windows Store app in C# and XAML, here’s the markup for the RadHubTile control
<telerik:RadHubTile HorizontalAlignment="Left"
Margin="76,95,0,0" VerticalAlignment="Top" Width="152"
ImageSource="Assets/Profile.jpg"/>
Now do a Ctrl+F5 and see that the image appears as clickable Tile, pretty simple huh?
Lets look at the slightly more customizable RadSlideHubTile control that lets you specify Top and Bottom content that changes just like Tiles on your Windows 8 Home screen, here’s the XAML
<telerik:RadSlideHubTile HorizontalAlignment="Left"
Margin="47,59,0,0" VerticalAlignment="Top">
<telerik:RadSlideHubTile.TopContent>
<TextBlock FontWeight="Light" FontSize="22" HorizontalAlignment="Left"
Margin="12,12,12,12" Text="Zubair" VerticalAlignment="Bottom" TextWrapping="Wrap"/>
</telerik:RadSlideHubTile.TopContent>
<telerik:RadSlideHubTile.BottomContent>
<Image Source="/Assets/Profile.jpg" Stretch="UniformToFill"></Image>
</telerik:RadSlideHubTile.BottomContent>
</telerik:RadSlideHubTile>
One thing I really like about Rad controls for Windows 8 is their excellent
design-time support in Visual Studio 2012, you can see that my
RadSlideHubTile now shows changes in the designer.
So there you have it, a quick look at the Rad Controls for Windows 8,
after you install the package you can find the complete samples in
<drive>:\Program Files (x86)\Telerik\RadControls for Windows 8 XAML Q3
2012\Demos try them yourself and let me know what you think.