Navigating with Headers, Toolbars, and Tab Bars

  • Brad Broulik


All mobile applications need toolbars to help navigate or manage data on the screen. In this chapter we will review the jQuery Mobile components that provide these features. The main components are headers and footers. Headers are commonly used to display the page title and may optionally include controls to help navigate or manage objects on the screen. Footers are designed similarly to headers but their responsibility is typically managed with a toolbar or tab bar. Additionally, we will discover the capabilities of a segmented control. A segmented control is a specialized control we may position in our header or footer to help display alternate views of data. We will explore each of these components and demonstrate how you can style them with text, standard icons, and even customized icons.


Segmented Control Movie Review Active Page Touch Response Current Screen 
These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.

Copyright information

© Brad Broulik 2011

Authors and Affiliations

  • Brad Broulik

There are no affiliations available

Personalised recommendations