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 there are some tips for using them that you might find helpful.