Tutorials for web designers and developers
Tutorials for Developers_
Close this search box.
Hafiz Faraz Mukhtar

Hafiz Faraz Mukhtar

Hafiz Faraz Mukhtar is an expert Web Developer, SEO specialist, and Graphic Designer. Hafiz Faraz is an expert in WordPress design and development. Hire on Upwork | Hire on Fiverr

Goto NEW Version of this post HERE

Live tiles in windows 8.1 is ANIMATING tile i.e after some time content of app TILE (Not inside app but on start screen tile) changes automatically.

Lets do it now!

1. Open visual studio 13 > New project > Visual C# > Blank App

2. In solution explorer, open MainPage.Xaml and add a button.
3. Add below lines of code to button event(right clicking button code and select view definition) in csharp file.

string tileXmlString = " <tile >"
                + " <visual version='2' >"
                + " <binding template='TileSquare150x150Image' fallback='TileSquareImage' >"
                + " <image id='1' src='ms-appx:///images/graySquare150x150.png' alt='Gray image'/ >"
                + " </binding >"
                + " <binding template='TileWide310x150ImageAndText01' fallback='TileWideImageAndText01' >"
                + " <image id='1' src='ms-appx:///images/New Tile.png' alt='Green'/ >"
                + " <text id='1' >Microsoft Innovation Center </text >"
                + " </binding >"
                + " <binding template='TileSquare310x310Image' >"
                + " <image id='1' src='ms-appx:///images/purpleSquare310x310.png' alt='Purple image'/ >"
                + " </binding >"
                + " </visual >"
                + " </tile >";

            // Create a DOM.
            Windows.Data.Xml.Dom.XmlDocument tileDOM = new Windows.Data.Xml.Dom.XmlDocument();

            // Load the xml string into the DOM.

            // Create a tile notification.
            TileNotification tile = new TileNotification(tileDOM);

            // Send the notification to the application’s tile.

4. Goto manifest file and do following steps in picture.
Live Tile

Download Complete code by Mr. Usman-Ur-Rehman
Having any problem implementing above code? Click on this post title and comment below there.

Leave a Reply

Your email address will not be published. Required fields are marked *