Any tips or guides to create the Iconic File Template for WP8

I create the ApplicationIcon.png and dropped it in the assets folder, when I build to device

I saw the icon in the device.

But when I tried to “pin it to start”  the default white circle icon appeared (not my icon)

I believe there are three types of icons that users can pin in the start.

Can someone share their experience with this ?

Thank you !

i think i figured it out in the assets/tiles folder of the project.

next step is how to publish the app and assets. any quick guide on how to do this ?

In case you missed it, Microsoft documents WP8 tiles here…

   http://msdn.microsoft.com/en-us/library/windows/apps/hh202948(v=vs.105).aspx

Microsoft documents how to submit/publish your WP8 app here…

   http://dev.windows.com/en-us/publish/

   http://msdn.microsoft.com/library/windows/apps/jj206736.aspx

Which Tile files do we actually need?  It says “A Tile is an image that represents your app on the Start screen. All apps have at least one Tile, known as the default Tile, which displays on the Start screen when a customer pins your app from the App list.”

Which is the default tile?  I’d like to use just one.

Hey Scott,

I’m also not sure, I’m just guessing.

in your projects assets/tile there are five .png files.

What I did was change those into the app’s image.

I was able to pin one of the icons in the “start page”

There are different types of tiles on windows phone. For your corona apps, just use the TemplateFlip type. This type of tile will be a static image instead of a “live tile.” 

Select Tile Template:

* Double click WMAppManifest.xml file in your solution explorer. This brings up the editor for that file.

* One of the options is Tile Template. Make sure it is set to TemplateFlip

Create Icon Images:

You will need 3 images (or 4 if you want to support a large tile too).

Size your icon image to 200x200 and save it in the Assets/logo-200x200.png

Size your icon image to 159x159 and save it in the Assets/Tiles/logo-159x159.png

Size your icon image to 336x336 and save it in the Assets/Tiles/logo-336x336.png

Create an icon image at 691x336 and save it in the Assets/Tiles/logo-691x336.png (you only need this one if you want to support large tiles.

Add Icon Images to your Project:

* In your solution explorer right click the Assets/Tiles folder and select Add->Existing Item. Select your logo-159x159.png, logo-336x336.png, and logo-691x336.png files and click OK.

* In your solution explorer right click the Assets folder and select Add->Existing Item. Select your logo-200x200.png file and click OK.

Configure your app to use the Icon Images:

* Open the WMAppManifest.xml editor window again

* In the App Icon: row click the “…” button and select your logo-200x200.png

* If you made a large icon (691x336) then check the “Support for large Tiles” option

* In the Tile Images: row click the “…” button under the Small: section and select your logo-159x159.png file

* In the Tile Images: row click the “…” button under the Medium: section and select your logo-336x336.png file

* In the Tile Images: row click the “…” button under the Large: section and select your logo-691x336.png file

Configure your Tile Label:

If you want to have a text label at the bottom of your tile icon, then enter in the label text in the Tile Title: row. If you don’t want to have text added to your tile, then delete it and enter in a single space.

Congratulations you have now configured your project to use your icons!

@spacewolf, thanks for taking the time to post this.  :slight_smile:

To add to what @spacewolf has written, you have a choice of 3 types of tiles to use on a WP8 app which are TemplateFlip, TemplateCycle, and TemplateIconic.  You must choose 1 of the 3 in the “WMAppManifest” file, which when double clicked in Visual Studio will provide a nice UI for you to use.  The link I posted above provides Microsoft’s official documentation on what the 3 tile types do and how they work.

i think i figured it out in the assets/tiles folder of the project.

next step is how to publish the app and assets. any quick guide on how to do this ?

In case you missed it, Microsoft documents WP8 tiles here…

   http://msdn.microsoft.com/en-us/library/windows/apps/hh202948(v=vs.105).aspx

Microsoft documents how to submit/publish your WP8 app here…

   http://dev.windows.com/en-us/publish/

   http://msdn.microsoft.com/library/windows/apps/jj206736.aspx

Which Tile files do we actually need?  It says “A Tile is an image that represents your app on the Start screen. All apps have at least one Tile, known as the default Tile, which displays on the Start screen when a customer pins your app from the App list.”

Which is the default tile?  I’d like to use just one.

Hey Scott,

I’m also not sure, I’m just guessing.

in your projects assets/tile there are five .png files.

What I did was change those into the app’s image.

I was able to pin one of the icons in the “start page”

There are different types of tiles on windows phone. For your corona apps, just use the TemplateFlip type. This type of tile will be a static image instead of a “live tile.” 

Select Tile Template:

* Double click WMAppManifest.xml file in your solution explorer. This brings up the editor for that file.

* One of the options is Tile Template. Make sure it is set to TemplateFlip

Create Icon Images:

You will need 3 images (or 4 if you want to support a large tile too).

Size your icon image to 200x200 and save it in the Assets/logo-200x200.png

Size your icon image to 159x159 and save it in the Assets/Tiles/logo-159x159.png

Size your icon image to 336x336 and save it in the Assets/Tiles/logo-336x336.png

Create an icon image at 691x336 and save it in the Assets/Tiles/logo-691x336.png (you only need this one if you want to support large tiles.

Add Icon Images to your Project:

* In your solution explorer right click the Assets/Tiles folder and select Add->Existing Item. Select your logo-159x159.png, logo-336x336.png, and logo-691x336.png files and click OK.

* In your solution explorer right click the Assets folder and select Add->Existing Item. Select your logo-200x200.png file and click OK.

Configure your app to use the Icon Images:

* Open the WMAppManifest.xml editor window again

* In the App Icon: row click the “…” button and select your logo-200x200.png

* If you made a large icon (691x336) then check the “Support for large Tiles” option

* In the Tile Images: row click the “…” button under the Small: section and select your logo-159x159.png file

* In the Tile Images: row click the “…” button under the Medium: section and select your logo-336x336.png file

* In the Tile Images: row click the “…” button under the Large: section and select your logo-691x336.png file

Configure your Tile Label:

If you want to have a text label at the bottom of your tile icon, then enter in the label text in the Tile Title: row. If you don’t want to have text added to your tile, then delete it and enter in a single space.

Congratulations you have now configured your project to use your icons!

@spacewolf, thanks for taking the time to post this.  :slight_smile:

To add to what @spacewolf has written, you have a choice of 3 types of tiles to use on a WP8 app which are TemplateFlip, TemplateCycle, and TemplateIconic.  You must choose 1 of the 3 in the “WMAppManifest” file, which when double clicked in Visual Studio will provide a nice UI for you to use.  The link I posted above provides Microsoft’s official documentation on what the 3 tile types do and how they work.