Closed ns-1m closed 12 years ago
<div id="popup" data-rel="dialog">
<div data-position="inline" data-theme="b" data-role="header">
<h1>Details</h1>
</div>
<div data-theme="c" data-role="content">
<ul id="details-list" data-role="listview">
</ul>
</div>
</div>
If I use the code above, popup" data-rel="dialog" , the popup is OK but no close icon. So you can close the popup window dialog.
It might be OK to put a close icon in this dialog header.
Is this issue related to the iOS theme itself or jQuery Mobile dev?
That link currently does not have the iOS theme enabled.
Closing, never got follow up, user hadn't applied the iOS theme - was using something else.
This "Popup" dialog is messed up. The header bar is inside the first record of the table. In order words, the table is not aligning the bottom part of the header. The close icon is also missing in the left hand side of the header.
You can see this in OpenLayers JQuery Mobile example here:
http://openlayers.org/dev/examples/mobile-jq.html#mappage
Click on the black location icons and you will see this dialog popup windows.
How do I fix this?
This is the windows that is messed up (below) when using iOS-Styled.
http://openlayers.org/dev/examples/mobile-jq.html#mappage&ui-state=dialog
This is the JQM code.