Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

plugin: multiview

frequent edited this page Sep 26, 2011 · 8 revisions

I'm looking for comments on two possible versions of a multiview-plugin (both based on the original splitview plugin):

Version 1: Detail
Version 2: Detail2

Version 1 is done with unbinding JQM-events, while Version 2 keeps JQM intact, with only minor changes being made to the fixedToolbar function.

Both versions have some additional features compared to the original plugin:

  • fullscreen footer
  • popovers: unlimited panels, each with JQM pages inside
  • fullscreen-mode: on small screens popovers go fullscreen (resize your browser and reload the page)
  • unbind from mobileinit to allow to have sites with both splitview and normal pages

Version 1:

  • Pages and panels behave nicely and independently from each other
  • scrollview is used for all pages
  • need to unbind JQM events for fixed toolbars: main and menu panel need absolute positioning
  • need to "screen-lock" (fix header to top, footer to bottom, set content height to remaining width), which looks nice on iOS, ok on Android until you change orientation and blank on Blankberry.
  • scrollview and device scrolling can be active at the same time, e.g. if URL bar is not hidden

Version 2 (still very buggy, started a few days ago)

  • JQM events intact
  • by adding ui-element-fixed to the FixedToolbar function and changing $ap to $('body') you can attach the toolbar behavior to any element. This way panels stay in viewport when scrolling.
  • fits into JQM docs layout, .type-home = wrapper-panel, .content-primary/secondary act as main/menu panel
  • seems to display ok on devices I have (Android, iPad, Blackberry)
  • menu scrolls with main-panel
  • elements are fixed as ui-header-fixed and ui-footer-fixed.
  • (still work in progress)

I'm looking for some feedback, which way you think is better to continue. What's good, what's bad, what should be added, what doesn't go?

Please send feedback to my Github account: frequent

Thanks!

Clone this wiki locally