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 ...

Get Pro jQuery Mobile now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.