Palm webOS

Using Widgets

Now we’re going to start using and discussing the individual widgets in depth. Table 3-2 summarizes the widgets included in Mojo version 1, though keep in mind that new widgets will be added to the platform periodically. You should check the Palm Developer site for the latest information.

Table 3-2. Mojo widgets

Collection	Widgets
Buttons & Selectors	Button, Check Box, Radio Button, Toggle Button, List Selector, Slider
Lists	List, Filter List
Dialogs & Containers	Custom Dialog, Alert Dialog, Error Dialog, Drawer, Scroller
Text Fields	Text Field, Filter Field, Password Field, Rich Text Edit
Menus	App Menu, Command Menu, View Menu, SubMenu
Pickers	Date Picker, File Picker, Integer Picker, Time Picker
Viewers	Image View, Web View, Audio & Video Objects
Indicators	Progress Bar, Progress Pill, Progress Slider, Spinner

We’ll add various widgets to the News application, and through those examples you’ll learn how to use the Mojo widgets in your application.

Widgets are declared in the HTML scene. You set them up and instantiate them from within the JavaScript assistant, and you can style them through CSS. You’ve seen that all widgets have an attribute object that contains static properties applied at the time the widget is instantiated, and a model object, which holds the dynamic values associated with the widget.

In the remainder of this chapter and the two that follow, you’ll see how to use each of the widgets in concrete examples. They each have their own unique capabilities and ...