Pro jQuery Mobile

Toolbars

Toolbars help manage the contents of the current screen. For instance, mail apps often use toolbars to help manage your email. In situations where users need to perform actions related to objects on the current screen a toolbar provides a useful experience. When building a toolbar we have the option of using icons or text. In our examples below we will view toolbar examples that contain buttons styled with icons, text, and a segmented control.

Toolbar with Icons

Icon-only toolbars are most common. Their primary advantage is they consume less screen real estate when compared to a textual alternative. When selecting icons it is important to choose standard icons that express clear meaning. In Figure 3–10 we have a screen that displays ...