Export (0) Print
Expand All
Information
The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

HyperlinkButton control design guidelines for Windows Phone

July 21, 2014

Applies to: Windows Phone 8 and Windows Phone Silverlight 8.1 | Windows Phone OS 7.1

The HyperlinkButton control allows you to embed hypertext links in a page and specify a navigation target.

UX_HyperlinkButton

HyperlinkButton control

This topic contains the following sections.

The HyperlinkButton control looks and operates just like any conventional web hyperlink. It consists of specially formatted text or an image that can be tapped to open a web view somewhere else in your app, or in mobile Internet Explorer.

Use a HyperlinkButton control to display web-based content to the user in a web browser. The web-based content can reside locally on the device or be retrieved over the air. A HyperlinkButton control can also be used to reveal additional app-specific content to the user in the same view or in a new view.

Use a HyperlinkButton control to let the user view app-specific content when a Button control will take up too much space or look out of place. For instance, use a HyperlinkButton control within a sentence. To trigger app-specific actions, use a Button control instead.

  1. Don’t make HyperlinkButton controls longer than a word or two.

  2. Don’t place HyperlinkButton controls close to each other. Doing so will make it difficult for the user to select an individual HyperlinkButton control.

  3. Don’t display a HyperlinkButton control that’s disabled and can’t be enabled by user action.

  4. Use a disabled state for a HyperlinkButton control only if the state is temporary, such as other system processes are occurring or if the state can be changed to enabled by a user action.

Here are examples of proper and improper use of a HyperlinkButton control.

Incorrect

Correct

UX_HyperlinkButton_Bad

In this example, a Button control is not the correct control to use to display additional content to the user, because it takes up too much space and looks out of place.

UX_HyperlinkButton_Good

In this example, a HyperlinkButton control is the correct control to use, because it displays as text within the sentence.

Show:
© 2014 Microsoft