Hi Scott. Thanks for the explanation. I was hopping to avoid having
to use the dialogClass option if possible, but I'll probably use
that. If I do move the dialog after it's created, will that still
incur the IE DOM/z-index problem?
Thanks.
On Jan 9, 10:23 am, Scott González <scott.gonza...@gmail.com> wrote:
> 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.
