Over a million developers have joined DZone.

Windows Phone - Double Width Tile

DZone's Guide to

Windows Phone - Double Width Tile

· Mobile Zone
Free Resource

Discover how to focus on operators for Reactive Programming and how they are essential to react to data in your application.  Brought to you in partnership with Wakanda

In this short article I will talk about how to create double tile like picture shown below.

Windows Phone - Double Tile.png

Read Essential Graphics, Visual Indicators, and Notifications for Windows Phone, Double width tiles are available only to Microsoft and its partners.

This article can not be implemented by independent software vendor (ISV) because the app certification won't pass in Apphub.

I am just writing it to make you aware how double width tile can be done.

Let's see how we can do this.

Open WMAppManifest.xml in Properties folder of Windows Phone project. You will notice PrimaryToken has TemplateType5 element and if  enter "<" you will get another option TemplateType6 like shown below.

Windows Phone - Double Width Tile

Create a double width tile image of 356 X 173 like shown below.


Comment TemplateType5 and add TemplateType6 like below.

   <PrimaryToken TokenID="Windows_Phone___FAS_and_TSToken" TaskName="_default">
         <BackgroundImageURI IsRelative="true" IsResource="false">DoubleTile.png</BackgroundImageURI>
         <Title>Double Tile Sample</Title>

         <BackgroundImageURI IsRelative="true" IsResource="false">Background.png</BackgroundImageURI>
         <Title>Tile Sample</Title>

You will notice all the elements of TemplateType5 and TemplateType6 are same except Animation element. Microsoft hasn't provided any documention around it so far.

Now run the application and pin the application on start menu. You will notice double width tile as shown below.

Windows Phone - Double Width Tile Example

This ends the article of how to create double width tiles in Windows Phone.

Learn how divergent branches can appear in your repository and how to better understand why they are called “branches".  Brought to you in partnership with Wakanda


Published at DZone with permission of Sumit Dutta, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.


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.


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

{{ parent.tldr }}

{{ parent.urlSource.name }}