Book Image

Mastering jQuery Mobile

Book Image

Mastering jQuery Mobile

Overview of this book

Table of Contents (17 chapters)
Mastering jQuery Mobile
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

Panels


jQuery Mobile has fantastic support for all kinds of different panels. You can use them to create menus, inspector panes, and so much more. You can have them attached to the left or right-hand side of the page and you have three options for them:

  • reveal: This panel sits beneath the page and reveals as the page slides away

  • overlay: This panel will appear on top of the page

  • push: This panel and the page will be animated at the same time

When creating panels, they must be created within a page, as a sibling to the header, content, and footer components. The panel can be either before or after these elements, but not in between them. The source order does not really matter as long as the preceding constraints are met and as long as your application is not meant for old devices that support just plain HTML, or your end users are not going to rely on screen readers. If your application needs to support the C-level devices and/or users rely on screen readers, then you would want to consider...