Pro jQuery Mobile

Header Bar

The header bar displays the title of the current screen. Additionally, you can add buttons for navigation or add controls that manage items in the page. Although the header is optional, it is commonly used to provide a title for the active page. Let’s begin by reviewing the header structure and look at how we can add additional controls to the header to help manage items on the page.

Header Basics

There are a few points of importance about the header. They include:

• The header is defined with the data-role="header" attribute.
• The header is an optional component.
• The back button will not be shown in the header unless you explicitly enable it. The back button is discussed in detail in the next section.
• You may adjust the theme of the ...