Export (0) Print
Expand All

Customizing the Sign-in Experience

Dd548482.note(en-us,MSDN.10).gifNote:
This topic describes functionality that will be obsolete. This functionality is provided only to support legacy applications. Live Connect incorporates features that provide equivalent functionality.

You can customize the look and feel of the sign-in experience so that the Windows Live ID sign-in screen matches the themes of your site. The following figure illustrates a standard sign-in page that has not been customized.

Dd548482.ecbba1ed-0044-4548-9cf4-35d892a5ccf5(en-us,MSDN.10).jpg

A standard sign-in page can be acceptable in many cases, but some users might have a better experience if the page matched the rest of your site. Web Authentication offers several flexible options that enable you to change the look and feel of the sign-in page. For example, the following page has been customized to match the site for a fictional company, Fabrikam.

Dd548482.c6e17c51-4a0d-4d27-a27c-75c80c9dea9a(en-us,MSDN.10).jpg

Notice that nearly everything about the Adventure Works sign-in page has been customized, from the color scheme to the logo. In general, customization falls into two categories: content elements and theme elements. On the Adventure Works page, the content elements are:

  • The site's logo, which in this case is the Adventure Works Resorts logo.
  • Contextual text that describes the sign-in page ("To make a reservation…").
  • A description of the product or service. In this case, the options include making a reservation and joining an online community.

Theme elements focus more on appearance. On the Adventure Works sign-in page, the background, header, font, and buttons have all been changed to match the style of the Adventure Works site.

It is also important to notice what remains constant regardless of how you customize a sign-in page. For example, the sign-in fields always appear on the right side of the page, and the name of each field or option (such as Password and Remember me on this computer) remains the same. Also, the registration (Sign up) link appears on the left side of the page and the Windows Live ID logo is still visible. Finally, a disclaimer notice informs the user that your site is not affiliated with Microsoft. These unchangeable elements are required to help users know that they are providing credentials to Microsoft, which then sends an authentication token to your site to confirm that the user supplied a valid Windows Live ID user name and password.

To get a better idea of what you can and cannot change on the sign-in page, take a look at the following illustration. Areas that are shaded orange represent the elements that you can customize; areas that are shaded blue represent elements that you cannot change.

Dd548482.3ab8d833-8b42-4773-849c-bcfd9f59cebd(en-us,MSDN.10).jpg

To learn more about customizing the sign-in page, see the following topics:

Other Resources

Live Connect

Show:
© 2015 Microsoft