Working with tiles, badges, and toast notifications (Windows Store apps using JavaScript and HTML)

Language: JavaScript and HTML | VB/C#/C++ and XAML
11 out of 19 rated this helpful - Rate this topic

The topics contained in this section demonstrate concrete tasks that you'll commonly perform when designing your tiles, updating those tiles and their badges through notifications, designing and sending toast notifications, and interacting with the lock screen.

In these topics, we'll discuss these elements:

  • Tiles, which are an app's representation on the Start screen. Tiles can be "live", which means that the content that they display can change in response to notifications. An app can also have one or more secondary tiles, which provide direct links into specific views or experiences within the app.
  • Badges, which are shown on tiles to indicate an app's state or status. You can set the badge to show either a number or a small image (glyph), depending on the information that you want to convey.
  • Toast notifications, which are app-specific pop-up notifications.

Each of these elements can be updated through several notification mechanisms:

  • Local notifications, which use only local text and images. These notifications can be as-needed or scheduled to appear at a specific time.
  • Periodic notifications, which use text and images retrieved on a regular basis from a cloud-based service.
  • Push notifications, which sends text and images from a cloud server to the user's device.

What you'll find in both creating and delivering tiles, badges, and toast notifications is that the code for each follows a similar pattern and set of APIs. Often, the difference between dealing with each of them barely extends beyond a change in the class name. This uniformity in coding patterns will speed your familiarity with these features; if you know how to send a push notification to a tile, then you know how to send a badge or toast push notification as well.

These topics assume that you have a working knowledge of tile and notification concepts and terminology. For more information, see the overviews under Tiles, badges, and notifications.

If you'd like to try working with tiles and notifications and other key Windows 8 features, download the hands-on labs for Windows 8. These labs provide a modular, step-by-step introduction to creating a sample Windows Store app in the programming language of your choice (JavaScript and HTML or C# and XAML).

In this section

TopicDescription

Using NotificationsExtensions

The NotificationsExtensions object model library allows you to supply tile, badge, and toast notification XML template contents without using the XML Document Object Model (DOM) directly.

Creating tiles and badges

This section shows you how to define tile or badge content and send that content as a notification. The content uses local notifications, which are the simplest notifications to implement. Once you understand the basics of tiles and badges, you can apply that knowledge to sending notifications through the other delivery methods: scheduled, periodic, and push.

Pinning secondary tiles

This section shows you how to use secondary tiles, which enable a user to pin specific content or experiences from an app to the Start screen, to have direct access to that content or experience.

Sending toast notifications

This section shows you how to define and send a toast notification, which is a pop-up notification that appears in the upper-right corner of your screen (upper-left corner for right-to-left languages) to allow the app to communicate with the user whether the user is in another app, on the Start screen, or on the desktop. These actions are demonstrated using local notifications, which are the simplest notifications to implement. Once you understand the basics of toast construction and use, you can apply that knowledge to sending notifications through the other delivery methods: scheduled, periodic, and push.

Delivering notifications

Examples given in the Creating tiles and badges and Sending toast notifications sections demonstrate the use of local notifications. Local notifications allow you to update your tiles and badges and send toast notifications while your app is running, using text and image resources stored on the device that the app is running on. This section extends that information to discuss the other mechanisms available for you to provide tile, badge, and toast content: scheduled, periodic, and push notifications.

 

 

 

Build date: 11/29/2012

Did you find this helpful?
(1500 characters remaining)
© 2013 Microsoft. All rights reserved.