Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Telerik RadControls for Windows Phone – Article #8 – RadHubTile

DZone's Guide to

Telerik RadControls for Windows Phone – Article #8 – RadHubTile

· Mobile Zone
Free Resource

Launching an app doesn’t need to be daunting. Whether you’re just getting started or need a refresher on mobile app testing best practices, this guide is your resource! Brought to you in partnership with Perfecto

The RadHubTile control which is a part of the Telerik RadControls for Windows Phone suite brings the Windows Phone home screen experience to your App .

The hub tile or live tiles provides the tile behaviors like animations, update of data on tiles etc.

To add the RadHubTile to your Windows Phone Page, you can add the following XAML code to your Windows Phone page.

<telerikPrimitives:RadHubTile Height="211" HorizontalAlignment="Left" Margin="12,26,0,0" Name="radHubTile1" VerticalAlignment="Top" Width="204" />

If you want to add the RadHubTile via code behind, you can create an instance of RadHubTile like the code below

RadHubTile tile1 = new RadHubTile();

this.ContentPanel.Children.Add(tile1);

You should also add the following namespace in your code behind file

using Telerik.Windows.Controls;

RadHubTile consists of some important components like

  • Title
  • ImageSource
  • Count
  • Message

You can set these properties from XAML or code behind

tile1.Title = "Hubtile sample";

tile1.Count = 25;

tile1.Message = "@isenthil";

Keep up with the latest DevTest Jargon with the latest Mobile DevTest Dictionary. Brought to you in partnership with Perfecto.

Topics:

Published at DZone with permission of Senthil Kumar, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

X

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}