Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.


  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • DownloadDownload
  • PrintPrint
Share this Page URL
Help

Plug-ins for Tablets > MultiView

MultiView

MultiView is similar in purpose to SplitView but with a different implementation (Figure 10-9). It also implements a data-role="panel" but as children of the page.

The plug-in is available as a working demo at http://www.stokkers.mobi/valuables/multiview/page1.html and changes the normal behavior of jQuery Mobile. A data-role="page" instead of content areas, contains up to four panel (data-role="panel") areas:

  • Menu panel

  • Main panel

  • Full-width panel (optional, for landscape)

  • Popover panel (optional, for landscape)

The panel type is defined by data-id, for example: data-id="menu".

Every panel contains its own pages, so we will have pages nested inside other pages. The structure will be page ? panel ? page ? header/content/footer. Every panel can have as many pages as necessary, but at least one needs to have data-show="first" attribute.


  

You are currently reading a PREVIEW of this book.

                                                                                        

Get instant access to over
$1 million worth of books and videos.

  

Start a Free Trial