Adding controls and content (HTML)
[ This article is for Windows 8.x and Windows Phone 8.x developers writing Windows Runtime apps. If you’re developing for Windows 10, see the latest documentation ]
Every app needs controls, such as buttons, check boxes, and drop-down lists. Windows Runtime apps using JavaScript provide enhanced support for existing HTML controls and additional controls and functionality through the free Windows Library for JavaScript toolkit.
The topics in this section describe how to use and style these controls.
In this section
| Topic | Description |
|---|---|
Describes the basics of creating and using WinJS controls. |
|
Learn how to style controls and how take advantage of the styling features that the WinJS provides. |
|
Learn how to add an ItemContainer object to your Windows app using JavaScript. |
|
Describes how to create HTML controls and handle their events. |
|
Learn how to set event handlers declaratively (in your HTML markup) for HTML and WinJS controls. |
|
Provides an alphabetical list of the common Windows apps using JavaScript controls. |
|
Lists controls by function. |
|
Most applications manipulate and display sets of data, such as a gallery of images or a set of email messages. WinJS provides several controls that make it easy to display, present, and manipulate data. The topics in this section describe these data and presentation controls: FlipView, ListView, and SemanticZoom. |
|
Describes how to display and edit text. |
|
Contains topics that get you started with displaying images and thumbnails. |
|
Contains topics that get you started with displaying flyouts, menus, and message dialogs. |
|
Use a button control to commit a command, like submitting or resetting a form. Buttons offer a simple way to trigger a command. |
|
Most apps provide commands for users to invoke. The topics in this section describe app bars, tool bars and context menus, which can be used to provide commands to users. |
|
Selection controls let users select between multiple options. |
|
Contains topics that describe how to use the WinJS Rating control to let users provide rating information. |
|
A PageControl is a modular unit of HTML, CSS, and JavaScript that can be navigated to or used as a custom WinJS control. |
|
Describes how to create and use progress controls, a control that graphically represents ongoing activity or the progress of a task. |
|
A tooltip is a short description that is linked to another control or object. Tooltips help users understand unknown or unfamiliar objects that aren't described directly in the UI. They display automatically when the user presses and holds or hovers the mouse pointer over a control. The tooltip disappears when the user moves his or her finger or the mouse pointer. The contents of the tooltip can be text or an image but is not interactive. |
|
While Windows 8 provides a variety of controls for you to choose from, you might need to create your own. One way to create a custom control is to create a PageControl. For info and examples, please see Quickstart: Adding Page controls. |
|
This section contains information on using graphics in your Windows app using JavaScript. |