Drupal 6.19 - Garland theme
Date Popup 6.x-2.6
jQuery UI 6.x-1.4
Content 6.x-2.8

PHP 5

Browsers tested: IE8, Firefox 3.6.10

When I Create Content and click on the Date Selector, the pop up calendar opens, but the background of the calendar is transparent. The calendar text is overlaid on the content form's text. This is my first time to try attaching a screen print, so I hope you can see the image.

All suggestions are appreciated. ---Ashford

CommentFileSizeAuthor
date_popup.gif22.39 KBAshford

Comments

Exploratus’s picture

Exploratus commented

Me too!!! help!

Ashford’s picture

Ashford commented

My situation is fixed. I do not know if it was because I updated one of the modules or if something was cleared during an update.php. These are the module versions I have installed right now. ---Ashford

Drupal 6.19
Date 6x-2.6
CCK 6.28

hadsie’s picture

hadsie commented

This happens to me as well with date-6.x-2.x-dev (2010-12-25), cck-6.x-2.8, drupal-6.19. Also, jquery_ui-6.x-1.4.

This only happens when I select to use the jQuery date picker css. It works fine when I use the date popup default css.

developer-x’s picture

developer-x commented

Try adding the following to your template.php file:

  $jquery_css = JQUERY_UI_PATH . '/themes/base/jquery-ui.css';
  drupal_add_css($jquery_css);
Ashford’s picture

Ashford commented

Date Popup Configuration
/admin/settings/date_popup

I thought I had our issue fixed, but hadsie is correct. It only diplays properly when I select the Date Popup Default. The jquery option still has the transparent background.

I tried the suggestion in Comment #4 by developer-x -created a function called myTheme_jqfix in my theme's template file. Was that the proper method? It still appears as if the jquery CSS file is not loading.

I also tried adding the path to the css file in myTheme.info file. No luck there either.

I did read the instructions. Do you see anything wrong in the module versions or the Directory structure? ---Ashford

Drupal 6.20
Date 6.x-2.6
jQuery UI 6.x-1.4
jquery.ui-1.6 : unzip and put in the jquery.module folder

/sites/all/modules/jquery_ui/jquery.ui/themes/default/ui.all.css
/sites/all/modules/jquery_ui/jquery.ui/themes/default/ui.datepicker.css
/sites/all/themes/myTheme/...

eldblz’s picture

eldblz commented

Same issue here.

I tried different themes, and it's not a theme related issue.

developer-x’s picture

developer-x commented

In my case, the jquery-ui.css file was not being included. It has to be there - check the page coming back from drupal, is that css file included?

If not, as I suggested in #4, make sure the css is included. If you are wrapping that code in a function, make sure the function is called when the page is constructed. When I added it to template.php - I added at the bottom by itself - not in a function. That way, it's included in every page.

alfthecat’s picture

alfthecat commented

I've just created a forum topic on this issue, for it seems to be a problem that is not married to a specific module. I also don't think it is a theming problem, for I am getting this same problem regardless of what theme I enlist.

http://drupal.org/node/1031136

joachim’s picture

joachim commented
Version: 6.x-2.6 » 6.x-2.7
Category: support » bug

Confirming this on Garland.

cgmonroe’s picture

cgmonroe commented

A quick fix for this is to add the following CSS to your theme. This will force the background to match your body background.

DIV.ui-datepicker {
  background: inherit !important;
}

This should work regardless if you are using the jquery or default CSS date_picker setting.

Probably would be nice if the two built in css files had this set automatically.

codenamerhubarb’s picture

codenamerhubarb commented

Thanks developer-x! The jquery-ui.css file wasn't being included for me either. Your solution worked for me.

kong’s picture

kong commented

I created a patch for that, you can find it here.

lucio.ferrari’s picture

lucio.ferrari commented

I bump this thread to update this. Apparently new versions of jquery ui have no jquery_ui.css.

Instead I solved my 'no background in date popup' problem by adding in my template.php file:

$jquery_css = 'sites/all/libraries/jquery.ui/themes/default/ui.datepicker.css';
drupal_add_css($jquery_css);

I hope this helps--

ferrum’s picture

ferrum commented

my website is using date_popup for a long time and all went fine til today. As I created a new form with a new date_popup field this field was shown with a transparent background. All older date_popup fields still look pretty. I found that in this error case the datepicker.css was not loaded neither automatically by date_popup nor as I called it additionally within my own module. But as I copied the css file to another location or renamed it at the same location it was loaded correctly and the popup was also shown correctly. Very strange!
Maybe this helps anyone.

sill’s picture

sill commented

I had the same problem on our site. I applied the solution from #13 but applied it in the node_form section of the template.php file so that it would only be called when a form was built and not on every single page as in #7.

xjm’s picture

xjm
she/her
Primary language English
commented

This issue is resolved by #436490: Add support for jQuery update to 1.3.x and jQuery UI 1.7.x.

xjm’s picture

xjm
she/her
Primary language English
commented
Status: Active » Closed (duplicate)