Skinr's "Edit skin" dialog has transparent background

This shouldn't have anything to do with skinr. This is most likely caused by jquery ui.. make sure you have installed that correctly.

Can you confirm that you have all the current versions of the required modules? Please list out the modules you have enabled and version numbers for the key modules including dialog, jquery update and jquery ui.

Please also confirm you have tried clearing all of the site caches as well as disabling CSS and Javascript aggregation.

I have the same trouble with Acquia_Slate. (see pic)

Modules/themes installed:

Acquia_slate 6.x-3.x-dev
Skinr 6.x-2.x-dev
Dialog 6.x-1.x-dev
Jquery UI 6.x-1.3
jquery library 1.6
jquery update 6.x-2.0-alpha1

On a side note: Skinr is starting to seriously contribute to module bloat, with all these extra module requirements. Could all the jquery editing stuff be put in a separate module so that it can be disabled once the skinr editing is done? Or perhaps a skinr "lite" that just takes care of attaching skinr styles in the proper place on production sites?

Skinr consist of the core and teh ui part; two separate modules.
Skinr core is always required. Skinr UI (which has the Dialog and Jquery dependencies) can be disabled once you're done configuring your theme.

I've got the same issue.

My environment:

Fusion 6.x-1.0
Custom Fusion subtheme
Skinr 6.x-2.x-dev (2010-July-11)
Dialog API 6.x-1.x-dev (2010-July-11)
jQuery UI 6.x-1.3
jQuery UI library 1.6
jQuery Update 6.x-2.0-alpha1

Lack of appropriate CSS?

It also lacks a scrollbar.

here, overlay is displaying for anonymous users too :)

You'd have to update Jquery UI to 1.7 if not that is what will happen.

#8 miraga715

AFAIK, for Drupal 6, only jQuery UI 1.6 is acceptable. Most modules rely on 1.6 version. :(

It depends which version of jQuery you're running.
I'm running the following:

jQuery UI 1.7.3
jQuery Update 1.3.2

In any case, the problem with the transparent dialog is an issue with the Dialog module, not Skinr in the end.

Have anybody seen any solution for this? It seems that there is a problem of jQuery UI theme loading. If I add theme manually, it starts to work, although, tuning will be necessary.

Here are a couple of discussions and solutions for jQ UI module:

• http://drupal.org/node/388384
• http://drupal.org/node/266692

The main issue is that jquery_ui does not deploy theme files, which leads to fact, that there is no styling. As a fact, it appears, that nor Dialog API, nor Skinr does not introduce such files too. I solved this issue via adding custom UI theme css and image files in Drupal custom Theme layer, and all started to work corectly as supposed to. Implementations of UI themes are up to you.

And this issue is additional proof of error as ui.all.css is not loadable due to wrong path:

http://drupal.org/node/714922

Still solved my issue like I posted above.

The reason this happened for me was that I was using the dev version of JQuery UI in which the JQUERY_UI_PATH constant that Dialog API uses to add the theme css has been removed.

This patch to be used with jquery_ui-6.x-1.x-dev and I suppose any releases above 1.4. I.e. If you put the jquery ui download in the libraries folder, then you need this patch.

Does it make sense to merge this in with #1101776-3: Only output jQuery UI CSS files needed for Dialog module

Thanks for the patch! Works great! I think this can be reviewed and commited?

progga too posted a nice patch: http://drupal.org/node/1264534

It takes into account all cases: if JQUERY_UI_PATH is not defined and also function 'jquery_ui_get_path' does not exist, then an error message is set.

Dialog 6.x is no longer supported.