ansaurus

Question

jqModal dialog always under overlay.

Answer 1

A:

Check the z-index values of the overlay and the modal box.

Pickle 2010-04-30 14:51:44

I've tried z-index values both lesser and greater than the overlay to no effect.

ProfK 2010-04-30 16:19:01

Answer 2

A:

Perhaps this will be helpful reading: Understanding z-index

josh3736 2010-05-04 02:16:12

Thanks, but jqModal is supposed to take care of the z-index on its target elements.

ProfK 2010-05-04 11:13:15

Answer 3

+1 A:

I believe you need to set position of the shift-edit-popup:

<style type="text/css">
    #shift-edit-popup
    {
       display: none;
       position : relative;
    }
</style>

Pavlo 2010-05-04 14:07:58

+1. I do believe you have the answer!

David Murdoch 2010-05-04 20:47:12

Answer 4

A:

From what I saw and tried you need to use the included jqmWindow class on your dialog div and drop the this:

<style type="text/css">
    #shift-edit-popup
    {
        display: none;
    }
</style>

Your code should look something like this:

<head runat="server">
    <title></title>
    <link href="Scripts/jqModal.css" rel="stylesheet" type="text/css" />

    <script src="Scripts/jquery-1.4.2.js" type="text/javascript"></script>
    <script src="Scripts/jqModal.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#shift-edit-popup").jqm({
                toTop: true,
                modal: true
            }).jqmAddTrigger("#show-button");
        });
    </script>
</head>
<body>
    <form id="form" runat="server">
    <input id="show-button" type="button" value="Show" />
    <div id="shift-edit-popup" class="jqmWindow">
        <div>
            Resource:
            <select><option value="1">One</option><option value="2">Two</option></select>
        </div>
    </div>
</body>

(You just need to change the script and css references accordinly)

Arturo Molina 2010-05-04 16:07:18

Thank you! This was just the answer!

ProfK 2010-05-08 09:35:02

Answer 5

+1 A:

Which version of jqModal.js do you use?

The last official version from http://dev.iceburg.net/jquery/jqModal/ is not compatible with jQuery 1.4.x (see http://forum.jquery.com/topic/jqdnr-dragging-problem-with-jquery-1-4 and http://www.trirand.com/blog/?page_id=393/bugs/jqgrid-jquery-1-4/).

If in your version "$()" exist inside of jqModal.js, it should be replaced with "$(document)". You can also download fixed version as a part of jqGrid package: http://www.trirand.com/blog/?page_id=6.

Oleg 2010-05-06 15:54:51

Ah, yes, I have the latest version, and jQuery 1.4.2. Thanks, I'll follow up your links tomorrow.

ProfK 2010-05-06 18:32:52

Answer 6

A:

I ran into a problem like this not to long ago. Try changing the DOCTYPE to this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

Superdumbell 2010-05-07 01:16:19

ansaurus

tags:

views:

answers:

jqModal dialog always under overlay.

related questions