On Tue, Oct 14, 2008 at 7:32 AM, Jamie <[EMAIL PROTECTED]> wrote:
>
> I have a page with two dialogs in it, both are modal and reference
> different elements within the page (i.e. two different forms)
>
> $("#dialog-page").dialog({
> modal: true,
> width: 500,
> height: 450,
> title: 'Add/Edit Page',
> autoOpen: false,
> overlay: {
> opacity: 0.5,
> background: "black"
> }
> });
>
> $("#dialog-groups").dialog({
> modal: true,
> width: 500,
> height: 450,
> title: 'Manage Groups',
> autoOpen: false,
> overlay: {
> opacity: 0.5,
> background: "black"
> }
> });
>
> When calling $("#dialog-page").dialog("open"); it appends the overlays
> for both dialogs to the body so you end up with the opacity being 1
this is a bug, should only add one overlay for the invoked dialog...
> and when you close the dialog it only destroys one of the overlay
> elemnts.
>
> I have managed to hack it for the time being by setting opacity to
> 0.25 and adding a function to the close option to destroy all divs
> with a class of "ui.dialog-overlay"
this have a problem you couldn't have a modal over a modal because
when the top most close the other one will not be modal any more...
>
> close: function() {$(".ui-dialog-overlay").remove();},
>
>
> >
>
--
Perhaps the depth of love can be calibrated by the number of different
selves that are actively involved in a given relationship.
Carl Sagan (Contact)
Jaime Ochoa Malagón
Arquitecto de Soluciones
Cel: +52 (55) 1021 0774
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
