Hi there,
I am abusing the popover for a menu-like view. So I have my popover which has a listview with some menu entries. Now I'd like to navigate to a different view when clicking an entry. It works, but the new view is loaded INSIDE the popover. Instead I want it to load in the "PARENT" view. How can I achieve that?
This is how the hierarchy looks like:
I am abusing the popover for a menu-like view. So I have my popover which has a listview with some menu entries. Now I'd like to navigate to a different view when clicking an entry. It works, but the new view is loaded INSIDE the popover. Instead I want it to load in the "PARENT" view. How can I achieve that?
This is how the hierarchy looks like:
<
div
data-role
=
"view"
> <!-- this would be the view to load the new view -->
<
div
data-role
=
"popover"
>
<
div
data-role
=
"view"
> <!-- this is where it's loaded into -->
<
ul
data-role
=
"listview"
>
<
li
><
a
href
=
"view/TabView.html"
>Tab</
a
></
li
>
</
ul
>
</
div
>
</
div
>
</
div
>
//edit: I noticed the following behavior when playing around with the listview's links:
<li><a data-transition="fade" href="view/TabView.html">inside</a></li> //opens inside the popover
<li><a data-rel="external" data-transition="fade" href="view/TabView.html">ext</a></li> //doesnt open at all on the phone
<li><a data-rel="external" data-transition="fade" href="#view/TabView.html">ext</a></li> //(notice the #) doesnt open at all on the phone but has exactly the desired behavior on the desktop
any suggestions?