Adding search to an app (Metro style apps using JavaScript and HTML)

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

Adding search to an app (Metro style apps using JavaScript and HTML)

[This documentation is preliminary and is subject to change.]

Let users search with your app from anywhere in their system, including from your app. Users will be able to use the Search charm to open a search pane where they can enter search queries and select your app to display their search results. To add search to your app you must participate in the Search contract.

The search pane that is opened by the Search charm consists of:

  • A touch-friendly search box
  • Touch-friendly search suggestions
  • An integrated IME (input method editor) for east Asian languages
  • A list of apps that users can get search results from

Some aspects of the search pane can be customized to better fit the needs of apps and their users.

Tip  You can use shortcut keys to access the charms, including the Search charm. The Windows Logo Key + C lets you select any of the charms, and the Windows Logo Key + Q selects the Search charm.

A screen capture of the search pane.

 

Search results will be displayed by your app. You must design and create a view for your app that displays the user's search results in a way that is coherent and relevant to the user's needs and that aligns with the purpose of your app.

A cropped screen shot of the search results view that was provided by the BUILD app for the conference (results view is partially occluded by the search pane),

In this section

TopicDescription

Quickstart

Let users search your Metro style app by adding the Search contract. When you integrate with the Search contract, users can search your app from anywhere in their system by selecting the Search charm.

Guidelines and checklist

Guidelines for customizing the Search charm by providing search suggestions and placeholder text in the search pane and for designing a search results page.

 

 

 

Build date: 5/22/2012

Did you find this helpful?
(1500 characters remaining)
Community Additions ADD