Navigating with Headers, Toolbars, and Tab Bars
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.
Unable to display preview. Download preview PDF.