Scribd
Upload
27 views1 page

Header Bars: Example

The header bar is located at the top of the page and usually contains the page title or logo and one or two buttons like home or search. Code can be added to place buttons on the left and right sides of the header title text. The example code provided adds a "Home" button to the left and a "Search" button to the right of the header title "Welcome To My Homepage".

Uploaded by

Alex Mociran
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
27 views1 page

Header Bars: Example

The header bar is located at the top of the page and usually contains the page title or logo and one or two buttons like home or search. Code can be added to place buttons on the left and right sides of the header title text. The example code provided adds a "Home" button to the left and a "Search" button to the right of the header title "Welcome To My Homepage".

Uploaded by

Alex Mociran
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 1

Header Bars

The header is located at the top of the page and usually contain a page
title/logo or one or two buttons (typically home, options or search).
You can add buttons to the left and/or to the right side in the header.
The code below, will add a "Home" button to the left and a "Search" button to
the right of the header title text:

Example
<div data-role="header">
<a href="#" class="ui-btn ui-icon-home ui-btn-icon-left">Home</a>
<h1>Welcome To My Homepage</h1>
<a href="#" class="ui-btn ui-icon-search ui-btn-icon-left">Search</a>
</div>

You might also like