On Fri, Jul 31, 2009 at 8:25 PM, David P <[email protected]> wrote:

>
> here's something I discovered..
> if I use the dialog and set model:true but do not use any css styles,
> jquery ui will create an overlay div with the proper width/height and
> z-index..but won't position it absolutely or relatively.
> since z-index only applies to positioned elements...i can still click
> on things underneath.
>
> since jquery ui is designed to work even without any styling..is this
> an oversight or by design?


Some earlier versions of jQuery UI were built to work without any styling,
or rather, without any external css, but this turned out to be problematic
because it involved inline styles, which any external css would have to
override with !important. Yuck.

So, as of the 1.7 release, which includes the jQuery UI CSS
Framework<http://jqueryui.com/docs/Theming/API>,
some amount of external css is in fact required, for full functionality. If
you want to go really minimal, that's just the plugin-specific css. In the
case of the dialog, ui.dialog.css:

http://jquery-ui.googlecode.com/svn/tags/latest/themes/base/ui.dialog.css

You may also want or need ui.core.css:

http://jquery-ui.googlecode.com/svn/tags/latest/themes/base/ui.core.css

With just those two, you've got some pretty minimal, functional css. All the
styling (colors, images, etc.) is in ui.theme.css:

http://jquery-ui.googlecode.com/svn/tags/latest/themes/base/ui.theme.css

- Richard

--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---

Reply via email to