[Solved] Flip Tile for WP8

[Daniel]

Has anyone used a Flip Tile using App Builder?  I tried editing the AppManifest.xml file manually, but that just crashed the cloud compiler...

Any ideas?

[Kaloyan]

Hi Daniel,

You should be able to use TemplateFlip inside the WMAppManiifest.xml. I succeeded with the following:

<?xml version='1.0' encoding='utf-8'?>
<Deployment AppPlatformVersion="8.0" xmlns="http://schemas.microsoft.com/windowsphone/2012/deployment">
    <DefaultLanguage code="en-US" xmlns="" />
    <Languages xmlns="">
        <Language code="en-US" />
    </Languages>
    <App BitsPerPixel="32" Genre="apps.normal" Description="$Description$" PublisherID="$WP8PublisherID$" Publisher="$WP8Publisher$" Author="$Author$" RuntimeType="Silverlight" Title="$DisplayName$" Version="$BundleVersion$" ProductID="$WP8ProductID$" xmlns="">
        <IconPath IsRelative="true" IsResource="false">App_Resources\WP8\ApplicationIcon.png</IconPath>
        <Capabilities>
            <!--NOTE: During the build process, this section is merged with settings from the Project Properties. -->
        </Capabilities>
        <Tasks>
            <DefaultTask Name="_default" NavigationPage="MainPage.xaml" />
        </Tasks>
        <Tokens>
            <PrimaryToken TaskName="_default" TokenID="$ProjectName$Token">
                <TemplateFlip>
                  <SmallImageURI IsRelative="true" IsResource="false">App_Resources\WP8\Tiles\Iconic\110x110.png</SmallImageURI>
                  <Count>0</Count>
                  <BackgroundImageURI IsRelative="true" IsResource="false">App_Resources\WP8\Tiles\Iconic\202x202.png</BackgroundImageURI>
                  <Title>$WP8TileTitle$</Title>
                  <BackContent></BackContent>
                  <BackBackgroundImageURI></BackBackgroundImageURI>
                  <BackTitle></BackTitle>
                  <DeviceLockImageURI IsRelative="true" IsResource="false" />
                  <HasLarge></HasLarge>
                </TemplateFlip>
            </PrimaryToken>
        </Tokens>
        <ScreenResolutions>
            <!--NOTE: During the build process, this section is merged with settings from the Project Properties. -->
            <ScreenResolution Name="ID_RESOLUTION_WVGA"/>
        </ScreenResolutions>
    </App>
</Deployment>

Note, you still need to keep the title and the image paths relative to the project properties.

I hope this helps.

Regards,
Kaloyan
Telerik

 

 

[Daniel]

That worked like a charm...  Not sure what i did wrong last time.. I had copied a section out of my native version of the app, and apparently I had included something it didn't;t like..

Now to go scrub the interwebs for how to update the tile from the Cordova/PhoneGap/AppBuilder world.

If you know of a quick link, that would be awesome, but I don't expect you to do my work for me.. :)

[Kaloyan]

Hi Daniel,

Here are some useful links:
How to send and receive Tile notifications
How to set up push notifications

I hope these help. Please, let me know if there is anything else, I can assist you with.

Regards,
Kaloyan
Telerik