Search jQuery

jQuery Forum

Dialog changePage browser content div wider than page div

in jQuery Mobile • 11 years ago

I have been working on a browser/table UI for my app and it is working very well until I tried to use a dialog page.

I am calling the page using changePage() because I need to post back to my server. There is nothing fancy about the page just the typical page, header, content divs with some check boxes inside the content. I even tried to force the content div to 500 px wide but it still is over 1000 (see image).

Here is the page code.

<div id="selectPropertyType" data-role="dialog" data-theme="b" style="overflow:hidden;">
<div data-role="header" data-theme="b" ><h5>Select Property types.</h5></div>
<div data-role='content'>
All property types will be searched if nothing is checked.
<?php echo $objinit->getPropertyType(); ?>
<div class="jqmButtons">
<input type="button" id="saveType" data-inline="true" value="Save Selection" />
<input type="button" id="cancelType" data-inline="true" value="Cancel" />
</div>
</div>
</div>

I tried displaying just a blank dialog by commenting out the buttons and not showing the check boxes but the content div was still too wide. Not sure how to fix this except rolling my own popup.

Thanks.