This is done to ensure the correct z-index in IE (where DOM order
comes in to play as well). You can either move the dialog after you
open it or use the dialogClass option to apply a class to the
generated wrapper in order to apply specific styles.
On Jan 8, 1:52 pm, Chad Sowald <chadsow...@gmail.com> wrote:
> I would like to use the jQuery UI Dialog but I can't seem to find the
> answer to a problem I'm having. I want to control where in the DOM
> the dialog is inserted so that it will inherit my CSS styles, but it
> always seems to just be inserted at the end of the <body> DOM element,
> circumventing much of my CSS.
>
> e.g.
>
> <body>
> <div id="a">
> <div id="b">this is a form</div>
> </div>
> </body>
>
> ...
>
> $('#b').dialog({
> bgiframe : true,
> height : 500,
> width : 700,
> modal : true,
> title : 'blah'
> resizable : false,
> close : function() {
> $(this).remove();
> }
>
> });
>
> ... and then sadly this is what the DOM looks like:
>
> <body>
> <div id="a">
> <div id="b">this is a form</div>
> </div>
> <div class="ui-dialog......">
> .............
> <div id="b">this is a form</div>
> </div>
> </body>
>
> but why doesn't jQuery just turn my already existing div into the
> dialog????
>
> How can I accomplish this?
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
