UI Widgets

This section describes the widgets that ship with PhoneJS.

ActionSheet

A widget consisting of a set of choices related to a certain task.

Autocomplete

A textbox widget that supports autocompletion.

Button

A button widget.

CheckBox

A check box widget.

DateBox

A date box widget.

DropDownMenu

A drop-down menu widget.

Gallery

An image gallery widget.

List

A list widget.

LoadPanel

A widget used to indicate whether or not an element is loading.

Lookup

A widget that allows a user to select predefined values from a lookup window.

Map

An interactive map widget.

NavBar

A widget that contains items used to navigate through application views.

NumberBox

A textbox widget that enables a user to enter numeric values.

Overlay

A widget displaying the required content in an overlay window.

Panorama

A widget displaying the required content in a long horizontal canvas that extends beyond the frames of the screen.

Pivot

A widget that is similar to a traditional tab control, but optimized for the phone with simplified end-user interaction.

Popover

A widget that displays the required content in a popup window.

Popup

A widget that displays required content in a popup window.

RadioGroup

A widget that enables a user to select one item within a list of items represented by radio buttons.

RangeSlider

A widget that enables a user to select a range of numeric values.

ScrollView

A widget used to display scrollable content.

SelectBox

A widget that allows you to select an item in a dropdown list.

SlideOut

A widget that allows you to slide-out the current view to reveal an item list.

Slider

A widget that allows a user to select a numeric value within a given range.

Switch

A switch widget.

Tabs

A tab strip used to switch between pages.

TextArea

A widget used to display and edit multi-line text.

TextBox

A single-line text box widget.

TileView

A widget displaying several blocks of data as tiles.

Toast

The toast message widget.

Toolbar

A toolbar widget.

Markup Components

This section describes components that can be used when defining a widget markup.

UI Events

The events used to handle user interaction with UI elements.

CSS Classes

This section describes the PhoneJS CSS classes you can use to define the appearance of an element.