United States (English)
Sign in
Home
Library
Learn
Samples
Downloads
Support
Community
Forums
Microsoft Developer Network
>
Samples
>
App tiles and badges sample
Download Visual Studio
Quick Access
My Samples
Upload a sample
Browse Sample Requests
More From Official Windows SDK Sample
Windows 8 app samples
(231)
Splash screen sample
(44)
File access sample
(32)
App settings sample
(31)
See All
App tiles and badges sample
This sample shows how to use an app tile, which is the representation and launch point for your app in the Start screen, and a badge on that tile, which is a method for the app to relay status information to the user when the app is not running.
Download
C#, C++ (187.8 KB)
C# (470.7 KB)
C#, JavaScript (461.3 KB)
VB.NET (171.4 KB)
Ratings
(31)
Downloaded
52,323 times
Favorites
Add To Favorites
Requires
Visual Studio 2012
Last Updated
4/9/2013
License
MS-LPL
Share
Technologies
Windows Runtime
Topics
Controls
Report Abuse to Microsoft
Description
Browse Code
Q and A (9)
Solution Explorer
C#, C++
C#
C#, JavaScript
VB.NET
assets
Logo.contrast-black_scale-100.png
Logo.contrast-white_scale-100.png
Logo.scale-100.png
Logo.scale-140.png
Logo.scale-180.png
Logo.scale-80.png
microsoft-sdk.png
placeholder-sdk.png
SmallLogo.contrast-black_scale-100.png
SmallLogo.contrast-white_scale-100.png
SmallLogo.scale-100.png
SmallLogo.scale-140.png
SmallLogo.scale-180.png
SmallLogo.scale-80.png
smallTile-sdk.png
SplashScreen.contrast-black_scale-100.png
SplashScreen.contrast-white_scale-100.png
SplashScreen.scale-100.png
SplashScreen.scale-140.png
SplashScreen.scale-180.png
splash-sdk.png
squareTile-sdk.png
storeLogo-sdk.png
tile-sdk.png
windows-sdk.png
common
LayoutAwarePage.cpp
LayoutAwarePage.h
StandardStyles.xaml
suspensionmanager.cpp
suspensionmanager.h
en-US
Resources.resw
NotificationsExtensions
Properties
AssemblyInfo.cs
BadgeContent.cs
Common.cs
ContentInterfaces.cs
NotificationsExtensions.csproj
TileContent.cs
ToastContent.cs
sample-utils
SampleTemplateStyles.xaml
App.xaml
App.xaml.cpp
App.xaml.h
blueWide.scale-100.png
blueWide.scale-140.png
blueWide.scale-80.png
Constants.cpp
Constants.h
EnableNotificationQueue.xaml
EnableNotificationQueue.xaml.cpp
EnableNotificationQueue.xaml.h
Globalization.xaml
Globalization.xaml.cpp
Globalization.xaml.h
graySquare.contrast-black_scale-100.png
graySquare.contrast-black_scale-140.png
graySquare.contrast-black_scale-80.png
graySquare.contrast-white_scale-100.png
graySquare.contrast-white_scale-140.png
graySquare.contrast-white_scale-80.png
graySquare.scale-100.png
graySquare.scale-140.png
graySquare.scale-80.png
ImageProtocols.xaml
ImageProtocols.xaml.cpp
ImageProtocols.xaml.h
MainPage.xaml
MainPage.xaml.cpp
MainPage.xaml.h
NotificationExpiration.xaml
NotificationExpiration.xaml.cpp
NotificationExpiration.xaml.h
Package.appxmanifest
pch.cpp
pch.h
redWide.scale-100.png
redWide.scale-140.png
redWide.scale-80.png
SendBadge.xaml
SendBadge.xaml.cpp
SendBadge.xaml.h
SendLocalImageTile.xaml
SendLocalImageTile.xaml.cpp
SendLocalImageTile.xaml.h
SendTextTile.xaml
SendTextTile.xaml.cpp
SendTextTile.xaml.h
SendWebImageTile.xaml
SendWebImageTile.xaml.cpp
SendWebImageTile.xaml.h
Tiles.sln
Tiles.vcxproj
Tiles.vcxproj.filters
assets
Logo.contrast-black_scale-100.png
Logo.contrast-white_scale-100.png
Logo.scale-100.png
Logo.scale-140.png
Logo.scale-180.png
Logo.scale-80.png
microsoft-sdk.png
placeholder-sdk.png
SmallLogo.contrast-black_scale-100.png
SmallLogo.contrast-white_scale-100.png
SmallLogo.scale-100.png
SmallLogo.scale-140.png
SmallLogo.scale-180.png
SmallLogo.scale-80.png
smallTile-sdk.png
SplashScreen.contrast-black_scale-100.png
SplashScreen.contrast-white_scale-100.png
SplashScreen.scale-100.png
SplashScreen.scale-140.png
SplashScreen.scale-180.png
splash-sdk.png
squareTile-sdk.png
storeLogo-sdk.png
tile-sdk.png
windows-sdk.png
common
LayoutAwarePage.cs
StandardStyles.xaml
en-US
resources.resw
images
contrast-black
graySquare.scale-100.png
graySquare.scale-140.png
graySquare.scale-80.png
contrast-white
graySquare.scale-100.png
graySquare.scale-140.png
graySquare.scale-80.png
tiles
TileSquareBlock.png
TileSquareImage.png
TileSquarePeekImageAndText01.png
TileSquarePeekImageAndText02.png
TileSquarePeekImageAndText03.png
TileSquarePeekImageAndText04.png
TileSquareText01.png
TileSquareText02.png
TileSquareText03.png
TileSquareText04.png
TileWideBlockAndText01.png
TileWideBlockAndText02.png
TileWideImage.png
TileWideImageAndText01.png
TileWideImageAndText02.png
TileWideImageCollection.png
TileWidePeekImage01.png
TileWidePeekImage02.png
TileWidePeekImage03.png
TileWidePeekImage04.png
TileWidePeekImage05.png
TileWidePeekImage06.png
TileWidePeekImageAndText01.png
TileWidePeekImageAndText02.png
TileWidePeekImageCollection01.png
TileWidePeekImageCollection02.png
TileWidePeekImageCollection03.png
TileWidePeekImageCollection04.png
TileWidePeekImageCollection05.png
TileWidePeekImageCollection06.png
TileWideSmallImageAndText01.png
TileWideSmallImageAndText02.png
TileWideSmallImageAndText03.png
TileWideSmallImageAndText04.png
TileWideSmallImageAndText05.png
TileWideText01.png
TileWideText02.png
TileWideText03.png
TileWideText04.png
TileWideText05.png
TileWideText06.png
TileWideText07.png
TileWideText08.png
TileWideText09.png
TileWideText10.png
TileWideText11.png
blueWide.scale-100.png
blueWide.scale-140.png
blueWide.scale-80.png
graySquare.scale-100.png
graySquare.scale-140.png
graySquare.scale-80.png
redWide.scale-100.png
redWide.scale-140.png
redWide.scale-80.png
NotificationsExtensions
Properties
AssemblyInfo.cs
BadgeContent.cs
Common.cs
ContentInterfaces.cs
NotificationsExtensions.csproj
TileContent.cs
ToastContent.cs
Properties
AssemblyInfo.cs
sample-utils
SampleTemplateStyles.xaml
SuspensionManager.cs
App.xaml
App.xaml.cs
Constants.cs
EnableNotificationQueue.xaml
EnableNotificationQueue.xaml.cs
Globalization.xaml
Globalization.xaml.cs
ImageProtocols.xaml
ImageProtocols.xaml.cs
MainPage.xaml
MainPage.xaml.cs
NotificationExpiration.xaml
NotificationExpiration.xaml.cs
Package.appxmanifest
PreviewAllTemplates.xaml
PreviewAllTemplates.xaml.cs
SendBadge.xaml
SendBadge.xaml.cs
SendLocalImageTile.xaml
SendLocalImageTile.xaml.cs
SendTextTile.xaml
SendTextTile.xaml.cs
SendWebImageTile.xaml
SendWebImageTile.xaml.cs
Tiles.csproj
Tiles.sln
css
default.css
en-US
resources.resjson
html
enableNotificationQueue.html
globalization.html
imageManipulation.html
imageProtocols.html
notificationExpiration.html
previewAllTemplates.html
sendBadge.html
sendLocalImageTile.html
sendTextTile.html
sendWebImageTile.html
images
contrast-black
graySquare.scale-100.png
graySquare.scale-140.png
graySquare.scale-80.png
contrast-white
graySquare.scale-100.png
graySquare.scale-140.png
graySquare.scale-80.png
tiles
TileSquareBlock.png
TileSquareImage.png
TileSquarePeekImageAndText01.png
TileSquarePeekImageAndText02.png
TileSquarePeekImageAndText03.png
TileSquarePeekImageAndText04.png
TileSquareText01.png
TileSquareText02.png
TileSquareText03.png
TileSquareText04.png
TileWideBlockAndText01.png
TileWideBlockAndText02.png
TileWideImage.png
TileWideImageAndText01.png
TileWideImageAndText02.png
TileWideImageCollection.png
TileWidePeekImage01.png
TileWidePeekImage02.png
TileWidePeekImage03.png
TileWidePeekImage04.png
TileWidePeekImage05.png
TileWidePeekImage06.png
TileWidePeekImageAndText01.png
TileWidePeekImageAndText02.png
TileWidePeekImageCollection01.png
TileWidePeekImageCollection02.png
TileWidePeekImageCollection03.png
TileWidePeekImageCollection04.png
TileWidePeekImageCollection05.png
TileWidePeekImageCollection06.png
TileWideSmallImageAndText01.png
TileWideSmallImageAndText02.png
TileWideSmallImageAndText03.png
TileWideSmallImageAndText04.png
TileWideSmallImageAndText05.png
TileWideText01.png
TileWideText02.png
TileWideText03.png
TileWideText04.png
TileWideText05.png
TileWideText06.png
TileWideText07.png
TileWideText08.png
TileWideText09.png
TileWideText10.png
TileWideText11.png
blueWide.scale-100.png
blueWide.scale-140.png
blueWide.scale-80.png
graySquare.scale-100.png
graySquare.scale-140.png
graySquare.scale-80.png
Logo.contrast-black_scale-100.png
Logo.contrast-white_scale-100.png
Logo.scale-100.png
Logo.scale-140.png
Logo.scale-180.png
Logo.scale-80.png
microsoft-sdk.png
placeholder-sdk.png
redWide.scale-100.png
redWide.scale-140.png
redWide.scale-80.png
SmallLogo.contrast-black_scale-100.png
SmallLogo.contrast-white_scale-100.png
SmallLogo.scale-100.png
SmallLogo.scale-140.png
SmallLogo.scale-180.png
SmallLogo.scale-80.png
smallTile-sdk.png
SplashScreen.contrast-black_scale-100.png
SplashScreen.contrast-white_scale-100.png
SplashScreen.scale-100.png
SplashScreen.scale-140.png
SplashScreen.scale-180.png
splash-sdk.png
squareTile-sdk.png
storeLogo-sdk.png
tile-sdk.png
windows-sdk.png
js
default.js
enableNotificationQueue.js
globalization.js
imageManipulation.js
imageProtocols.js
notificationExpiration.js
previewAllTemplates.js
sendBadge.js
sendLocalImageTile.js
sendTextTile.js
sendWebImageTile.js
NotificationsExtensions
Properties
AssemblyInfo.cs
BadgeContent.cs
Common.cs
ContentInterfaces.cs
NotificationsExtensions.csproj
TileContent.cs
ToastContent.cs
sample-utils
footer.html
header.html
sample-utils.css
sample-utils.js
scenario-select.html
default.html
package.appxmanifest
Tiles.jsproj
Tiles.sln
Assets
Logo.contrast-black_scale-100.png
Logo.contrast-white_scale-100.png
Logo.scale-100.png
Logo.scale-140.png
Logo.scale-180.png
Logo.scale-80.png
microsoft-sdk.png
placeholder-sdk.png
SmallLogo.contrast-black_scale-100.png
SmallLogo.contrast-white_scale-100.png
SmallLogo.scale-100.png
SmallLogo.scale-140.png
SmallLogo.scale-180.png
SmallLogo.scale-80.png
smallTile-sdk.png
SplashScreen.contrast-black_scale-100.png
SplashScreen.contrast-white_scale-100.png
SplashScreen.scale-100.png
SplashScreen.scale-140.png
SplashScreen.scale-180.png
splash-sdk.png
squareTile-sdk.png
storeLogo-sdk.png
tile-sdk.png
windows-sdk.png
Common
LayoutAwarePage.vb
StandardStyles.xaml
en-US
Resources.resw
images
blueWide.scale-100.png
blueWide.scale-140.png
blueWide.scale-80.png
graySquare.scale-100.png
graySquare.scale-140.png
graySquare.scale-80.png
redWide.scale-100.png
redWide.scale-140.png
redWide.scale-80.png
NotificationExtensionsVB
Project
AssemblyInfo.vb
BadgeContent.vb
Common.vb
ContentInterfaces.vb
NotificationsExtensionsVB.VBProj
TileContent.vb
ToastContent.vb
Project
AssemblyInfo.vb
Sample-Utils
SampleTemplateStyles.xaml
SuspensionManager.vb
App.xaml
App.xaml.vb
Constants.VB
EnableNotificationQueue.xaml
EnableNotificationQueue.xaml.vb
Globalization.xaml
Globalization.xaml.vb
ImageProtocols.xaml
ImageProtocols.xaml.vb
MainPage.xaml
MainPage.xaml.vb
NotificationExpiration.xaml
NotificationExpiration.xaml.vb
Package.appxmanifest
PreviewAllTemplates.xaml
PreviewAllTemplates.xaml.vb
SendBadge.xaml
SendBadge.xaml.vb
SendLocalImageTile.xaml
SendLocalImageTile.xaml.vb
SendTextTile.xaml
SendTextTile.xaml.vb
SendWebImageTile.xaml
SendWebImageTile.xaml.vb
TilesVB.sln
TilesVB.vbproj
Click an item in the panel on the left to view the contents here.