Try our new Joomla Extension Builder

Date Picker behind Lightbox

ha

handbuild 17 Jan, 2011

Hi
I am using a lightbox to display a form. The date picker is displaying behind the lightbox. Is it possible to change this? Date Picker behind Lightbox image 1

Gr

GreyHead 17 Jan, 2011

Hi handbuild,

I guess that the CSS has to be edited to increase the z-index of the date-picker.

Bob

ha

handbuild 17 Jan, 2011

Thanks Bob,
Can you tell me which css file?

Gr

GreyHead 17 Jan, 2011

Hi handbuild,

I'd suggest that you take a look with FireBug in FireFox or the Chrome Developer tools.

If you post a link to the form I can take a quick look.

Bob

ha

handbuild 17 Jan, 2011

Thanks again Bob,
I've been using both of those tools, tried setting the z-index in few places in calendar2.css. Haven't gotten it yet but will keep trying. Here's the URL http://broadoakscountryhouse.com/civil-partnerships/tailor-made-weddings.

Gr

GreyHead 17 Jan, 2011

Hi handbuild,

Please try adding this in the Form CSS box:

div.dashboard {
  z-index: 10000 !important;
}

Bob

ha

handbuild 17 Jan, 2011

Thanks Bob. That fixed it.😀

to

tobias 24 Apr, 2011

Hey Greyhead,

I have a similar problem.

I tried to add the code to 'Load CSS' area in the code section of the form. It didn't work... Could you have a look? Here's the link: http://www.davosholidays.com/de/buchung.html.

Thanks!

Gr

GreyHead 25 Apr, 2011

Hi Tobias,

Please try

div.datepicker_dashboard {
  z-index: 10000 !important;
}

Bob

This topic is locked and no more replies can be posted.