Adding controls and content (Windows Store apps using JavaScript and HTML)

Quickstart: Adding HTML controls and handling events

Describes how to create HTML controls and handle their events.

Quickstart: Adding WinJS controls and styles

Describes the basics of creating and using Windows Library for JavaScript controls in your Windows Store app using JavaScript.

Quickstart: Styling controls

Learn how to style controls and how take advantage of the styling features that the Windows Library for JavaScript provides.

How to set event handlers declaratively

Learn how to set event handlers declaratively (in your HTML markup) for HTML and Windows Library for JavaScript controls.

Controls list

Provides an alphabetical list of the common Windows Store apps using JavaScript controls.

Controls by function

Lists controls by function.

Displaying and editing text

Describes how to display and edit text.

Displaying images, graphics, and thumbnails

Contains topics that get you started with displaying images and thumbnails.

Displaying popups

Contains topics that get you started with displaying flyouts, menus, and message dialogs.

Adding buttons

Use a button control to commit a command, like submitting or resetting a form. Buttons offer a simple way to trigger a command.

Adding app bars and commands

Most apps provide commands for users to invoke. The topics in this section describe app bars and context menus, which can be used to provide commands to users.

Adding selection controls

Selection controls let users select between multiple options.

Adding ratings

Contains topics that describe how to use the Windows Library for JavaScript Rating control to let users provide rating information.

Adding Page controls

A PageControl is a modular unit of HTML, CSS, and JavaScript that can be navigated to or used as a custom Windows Library for JavaScript control.

Adding progress controls

Describes how to create and use progress controls, a control that graphically represents ongoing activity or the progress of a task.

Adding tooltips

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.

Adding List View, Semantic Zoom, and other data controls

Most applications manipulate and display sets of data, such as a gallery of images or a set of email messages. Windows Library for JavaScript 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.

Creating custom controls

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.

Using graphics with canvas, SVG, and CSS3

This section contains information on using graphics in your Windows Store app using JavaScript.