win8_livetile_tile_notification

This is a list of the templates that you can use for Live Tile notifications.

The following template strings are for use with the Windows 8 Live Tile functions.

Square Template Description
tileSquareImage
One square image that fills the entire tile, no text.

tileSquareBlock
One string of large block text over a single, short line of bold, regular text.

tileSquareText01
One header string in larger text on the first line; three strings of regular text on each of the next three lines (text does not wrap).

tileSquareText02
One header string in larger text on the first line, over one string of regular text wrapped over a maximum of three lines.

tileSquareText03
Four strings of regular text on four lines (text does not wrap).

tileSquareText04
One string of regular text wrapped over a maximum of four lines.

tileSquarePeekImageAndText01
One square image, no text, and one header string in larger text on the first line, three strings of regular text on each of the next three lines (text does not wrap). First the image is displayed, then the text, then the image again, and this loops as long as the notification is being shown.

tileSquarePeekImageAndText02
As above, only the with one header string in larger text on the first line, over one string of regular text wrapped over a maximum of three lines.

tileSquarePeekImageAndText03
As above, only with four strings of regular text on four lines (text does not wrap).

tileSquarePeekImageAndText04
As above only with one string of regular text wrapped over a maximum of four lines.

Wide Template Description
tileWideImage
One wide image that fills the entire tile, no text.

tileWideImageCollection
One large square image with four smaller square images to its right, no text.

tileWideImageAndText01
One wide image over one string of regular text wrapped over a maximum of two lines.

tileWideImageAndText02
One wide image over two strings of regular text on two lines (text does not wrap).

tileWideBlockAndText01
Four strings of regular, unwrapped text on the left; large block text over a single, short string of bold, regular text on the right.

tileWideBlockAndText02
One string of regular text wrapped over a maximum of four lines on the left; large block text over a single, short string of bold, regular text on the right.

tileWidePeekImageCollection01
One large square image with four smaller square images to its right, no text, and one header string in larger text over one string of regular text wrapped over a maximum of four lines. First the images are displayed, then the text, then the image again, and this loops as long as the notification is being shown.

tileWidePeekImageCollection02
As above, only with one header string in larger text on the first line and four strings of regular text on the next four lines (text does not wrap).

tileWidePeekImageCollection03
As above, only with one string of large text wrapped over a maximum of three lines.

tileWidePeekImageCollection04
As above but with one string of regular text wrapped over a maximum of five lines.

tileWidePeekImageCollection05
As above, only now the text is accompanied by one small image on the left. The text on the right is one header string of larger text on the first line over one string of regular text wrapped over a maximum of four lines.

tileWidePeekImageCollection06
As above, only now the text is accompanied by one small image on the left. the text on the right is one string of large text on wrapped over a maximum of three lines.

tileWidePeekImageAndText01
One wide image and one string of regular text wrapped over a maximum of five lines. First the image is displayed, then the text, then the image again, and this loops as long as the notification is being shown.

tileWidePeekImageAndText02
One wide image and five strings of regular text wrapped over five lines. First the image is displayed, then the text, then the image again, and this loops as long as the notification is being shown.

tileWidePeekImage01

One wide image and one header string in larger text over one string of regular text that wraps over a maximum of four lines. First the image is displayed, then the text, then the image again, and this loops as long as the notification is being shown.

tileWidePeekImage02
As above, only now it has one header string in larger text on the first line, four strings of regular text on the next four lines (text does not wrap).

tileWidePeekImage03
As above, only with one string of large text wrapped over a maximum of three lines.

tileWidePeekImage04
As above, only with one string of regular text wrapped over a maximum of five lines.

tileWidePeekImage05
As above, but with one small image on the left accompanying the text, which is one header string of larger text on the first line over one string of regular text wrapped over a maximum of four lines.

tileWidePeekImage06
As above, but with one small image on the left accompanying the text, which is one string of large text wrapped over a maximum of three lines.

tileWideSmallImageAndText01
A single tile with one small imageon the left and on the right, one string of large text wrapped over a maximum of three lines.

tileWideSmallImageAndText01
As above, but with one header string on the right which has larger text on the first line and four strings of regular text on the next four lines (text does not wrap lines).

tileWideSmallImageAndText03
As above, but with one string of regular text wrapped over a maximum of five lines.

tileWideSmallImageAndText04
There is one header string in larger text over one string of regular text wrapped over a maximum of four lines on the left and on the right, one small image with 3:4 dimensions.

tileWideSmallImageAndText05
A single tile with one small imageon the left and on the right, one string of large text wrapped over a maximum of three lines.

tileWideText01
One header string in larger text on the first line, four strings of regular text on the next four lines (text does not wrap).

tileWideText02
One header string in larger text over eight short strings arranged in two columns of four lines each (columns are of equal width).

tileWideText03
One string of large text wrapped over a maximum of three lines.

tileWideText04
One string of regular text wrapped over a maximum of five lines.

tileWideText05
Five strings of regular text on five lines (text does not wrap).

tileWideText06
Ten short strings of regular text, arranged in two columns of five lines each (columns are of equal width).

tileWideText07
One header string in larger text over eight short strings of regular text arranged in two columns of four lines each. The column widths are such that the first column acts as a label and the second column as the content. This template is similar to TileWideText10, but the first column is wider.

tileWideText08
Ten short strings of regular text arranged in two columns of five lines each. The column widths are such that the first column acts as a label and the second column as the content. This template is similar to TileWideText11, but the first column is wider.

tileWideText09
One header string in larger text over one string of regular text wrapped over a maximum of four lines.

tileWideText10
One header string in larger text over eight short strings of regular text arranged in two columns of four lines each. The column widths are such that the first column acts as a label and the second column as the content. This template is similar to TileWideText07, but the first column is narrower.

tileWideText11
Ten short strings of regular text arranged in two columns of five lines each. The column widths are such that the first column acts as a label and the second column as the content. This template is similar to TileWideText08, but the first column is narrower..


Back: Windows 8



No Examples Submitted

Does this page need better examples? Be the first to Submit

No Edits Suggested

Is this page unclear or not descriptive enough? Suggest an edit to the page and with enough upvotes your changes will be made.

No Questions Have Been Ask

Do you have a question about this page? Ask it Here