Guriddo » Topic: Using jqueryUI dialog with jQgrid.

Using jqueryUI dialog with jQgrid.

Guriddo
Using jqueryUI dialog with jQgrid.

This topic has 12 replies, 6 voices, and was last updated 15 years, 8 months ago by wfreitas.

Creator

Topic
October 28, 2009 at 5:24 am #74475

ffromdn
Participant

I try to make “div tag” modal with jqueryUI “.dialog ” function. It's work fine but MessageBoxes (for example when i want to delete row) – appears below modal window, i can see their but cannot click. I feel that z-index involved…..
Creator

Topic

Viewing 12 replies - 1 through 12 (of 12 total)

Author

Replies
October 28, 2009 at 6:25 am #90077

jayarjo
Participant

I'm not exactly a specialist of jgGrid, but I see two possible solutions to this. First is very simple – just set z-index of MessageBoxes to very high value (999 for example) through css (add a special rule to your stylesheet). Or if you got multiple dialogs, now and then covering each other, you will need to set z-index of MessageBoxes dynamically

October 28, 2009 at 10:47 am #90092

ffromdn
Participant

may be it's wrong? If I am not mistaken – jQgrid using jqueryUI ….may be developers miss this element?

October 30, 2009 at 3:19 am #90148

ffromdn
Participant

May be elegant decision exists?

October 30, 2009 at 8:34 am #90181

tony
Keymaster

Hello,

Be a sure that all needed css are loaded. Also if you use dev version you should load some additional files. See docs.

Regards

Tony

October 30, 2009 at 9:17 am #90189

ffromdn
Participant

hmm there is 2 css files – jqeryui's and jQgrid's, both loaded and working.

<?php

November 2, 2009 at 8:17 am #90237

ffromdn
Participant

All work fine, but i didn't found excision…((

November 2, 2009 at 1:26 pm #90275

tony
Keymaster

Hello,

Sorry I do not understand.

1. jqGrid does not use jQuery UI. jqGrid use a theming

November 4, 2009 at 7:56 am #90328

ffromdn
Participant

1.Sorry i thought wrong about it.

2.ok ok.

The problem is solved.

After debugging my code with firebug – i have seen, that the jqueryui.dialog's z-index – 1000 and messagebox of jQgrid – 950(for example).

I have created dialog with “z-index:900” and

February 25, 2010 at 11:09 am #92955

yial2
Participant

Hi ffromdn,

I am facing the same problem. May you tell me where do you set jqueryui.dialog's z-index to 900?

Many thanks!

February 25, 2010 at 10:36 pm #92968

mhoque
Participant

I am having the same issue. Will you please let me know where you have made that change?

February 26, 2010 at 11:01 am #92972

yial2
Participant

Hi Mhoque,

I found the solution.

In your dialog, set zIndex: 800, e.g. below

November 18, 2010 at 7:19 pm #96662

wfreitas
Participant

I am facing the same problem. Looks like lots of people have are fighting with this issue. I think a good solution would be jqGrid to provide a new option for the zIndex value used by the modal dialogs.
Author

Replies