Tiles

Can’t get the tiles to be shown.

Read this: https://msdn.microsoft.com/en-us/library/windows/apps/jj207009(v=vs.105).aspx.

I have defined the tiles in the WMAppManifest,xml:

Tile Template: TemplateIconic

Tile Images: selected the images with “browse” and I can see them in Visual Studio.

But on the device I only see a tile and a white square inside, no picture of my icon.

Have tried several icon sizes, always the same…

Anyone managed to get the tiles?

I would recommend that you set up tiles via Visual Studio’s UI instead of via XML, just to be sure that you’re setting things up right.  What you need to do is this:

  1. Go to Visual Studio’s “Solution Explorer” panel.
  2. Double click on the “WMAppManifest.xml” file under your project’s “Properties” tree.
  3. This will open a configuration screen.
  4. Click on the “Application UI” tab.
  5. Select “TemplateIconic” from the “Tile Template” drop-down box.
  6. Enter the name of your app under the “Tile Title” field.
  7. In the “Tile Images” section, click on the […] buttons for “Small” and “Medium” to select your tile PNGs.
  8. Note that your WP8 project template already has tile PNGs defined under the “Assets\Tiles” folder for you to edit.  They are already using the correct resolution.
  9. Rebuild and re-deploy your app to your WP8 device or emulator.
  10. To see your app’s tile image on the home screen, hold your finger down on your app and select “Pin to Start” from the popup menu on the WP8 device.

Note that the WP8 device will not update the tile image with your new one if it is already pinned to the home screen.  If you unpin it and then pin it again, then the new tile image will show up.  That’s just an issue/quirk with the WP8 OS.

I did all that but no luck. Then I switched to TemplateFlip and now the tile are perfect.

I would recommend that you set up tiles via Visual Studio’s UI instead of via XML, just to be sure that you’re setting things up right.  What you need to do is this:

  1. Go to Visual Studio’s “Solution Explorer” panel.
  2. Double click on the “WMAppManifest.xml” file under your project’s “Properties” tree.
  3. This will open a configuration screen.
  4. Click on the “Application UI” tab.
  5. Select “TemplateIconic” from the “Tile Template” drop-down box.
  6. Enter the name of your app under the “Tile Title” field.
  7. In the “Tile Images” section, click on the […] buttons for “Small” and “Medium” to select your tile PNGs.
  8. Note that your WP8 project template already has tile PNGs defined under the “Assets\Tiles” folder for you to edit.  They are already using the correct resolution.
  9. Rebuild and re-deploy your app to your WP8 device or emulator.
  10. To see your app’s tile image on the home screen, hold your finger down on your app and select “Pin to Start” from the popup menu on the WP8 device.

Note that the WP8 device will not update the tile image with your new one if it is already pinned to the home screen.  If you unpin it and then pin it again, then the new tile image will show up.  That’s just an issue/quirk with the WP8 OS.

I did all that but no luck. Then I switched to TemplateFlip and now the tile are perfect.