C H A P T E R  3

Application Controls

For the most part, the user interface controls that you use in a Metro app are the same as the ones you use when creating a regular HTML web app. If you want to gather data from the user, then you can use elements such as select, input, and textarea. If you want to allow the user to commence an action, then you can use button elements, and so on. The appearance of these elements in your app is controlled by a combination of the CSS in your project and the capabilities of Internet Explorer 10.

In addition to these basic controls, the WinJS API defines some that are specific to Metro. In this chapter, I show you how to use the most important of these controls, focusing on those that are essential to implementing the Metro app experience, both for the user and for the developer.