Panels outside Page.[Feature Request]

[poonkave]

Documentation say's
"A panel must be a sibling to the header, content and footer elements inside a jQuery Mobile page. You can add the panel markup either before or after these elements, but not in between.** A panel cannot be placed outside a page, but this constraint will be removed in a future version**."

If in future if Panel is placed outside page, will it be something like a fixed Panel / Panel floating above Pages and Panel stays on change page?

Example: Using panel to show a left navigation using tree structured menu.Selecting an item changes the page but panel stays as it is on page change.

Will be usefull for tablets...

[poonkave]

added to https://github.com/jquery/jquery-mobile/wiki/Feature-Requests

[frequent]

and would allow to use ids on panels vs. having to workaround using name attributes on form elements located inside panels (multi-page DOM, multiple panels, duplicate ids)

[jaspermdegroot]

Related: #5659 (comment)

[jaspermdegroot]

@arschmitz started to work on this in branch "ext-panels".
Like I described in my comment here #5659 (comment) we should look into not wrapping page toolbars and content anymore; just have panel and active page as siblings in the page container. Then we don't have to wrap the page toolbars and content anymore.
I think that will allow us to reduce the 3D-ing that we use to force hardware acceleration to prevent blinks. The 3D-ing causes rendering issues. See #6050 and #6055 for example.

[PangbornIdentity]

Any chance this will see a release for 1.4? Currently have heavy nav duplication.

[jaspermdegroot]

This has just landed in master and is part of 1.4 alpha which we released a few minutes ago.

Closing as fixed.

[PangbornIdentity]

@uGoMobi you rock

[heruan]

Great! Any hint on how to use external panels in 1.4?

[arschmitz]

Simply don't put the panel in the page and call it as you would any widget
.panel()

On Thu, Aug 1, 2013 at 11:02 AM, Giovanni Lovato
notifications@github.comwrote:

Great! Any hint on how to use external panels in 1.4?

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/5741#issuecomment-21942435
.

[heruan]

Thank you! Would external panels be able to stay open when changing page now?

Also: how to make external panels fixed? data-position="fixed" nor data-position-fixed="true" work anymore on panels with data-display="push" (and when the external panel is open, also the external header scrolls with the page although being fixed).