Question

i’m trying to create a modal dialog with jquery mobile rc2.
This is my code:

<div id="info" data-role="page" data-fullscreen="true"> 
        <div data-role="content">
             Info
             <a data-role="button" data-rel="dialog" href="#dialog" >Dialog</a>
        </div>
</div>

<div id="dialog" data-role="page" data-fullscreen="true">
    <div data-role="content"> 
       <p>This is Page 2</p>
    </div>
</div>

As you can see there is no javascript code as jqm is supposed to handle this automatically.

The dialog looks beautiful but the background goes dark. I want to show just the dialog over my page normal background.
What am i supposed to do? Is it even possible? I didn’t find any piece of documentationa about that, but it is a quite common problem i think…
Please help if you can!

Answer 1

After long exaustive deeper search i found this question that is similar to mine. It solves the problems even if it does not handle nested dialogs correctly.
Hope jQuery Mobile team will solve this before official release!