Forums

Datetime Box - Does not display properly

evano 08 Feb, 2012
Hi Bob

I am having an issue with the date time box. I have created a form which includes it that you can view here..

http://test.whitehatit.net/index.php?option=com_content&view=article&id=193&Itemid=435

As you can see when you click on the box, the drop down displays behind the textarea field below it.

It also does not have the calendar icon on the right hand side as I have seen in some examples.

Any ideas as to why this may be?

Many thanks in advance

Cheers

evano
GreyHead 08 Feb, 2012
Hi evano,

Your template is setting the z-index for the input boxes and moving them in front of the date-picker so you need to set the z-index for the datepicker to move it further forward. Please see this post.

The datepicker used in ChronoForms v4 doesn't show an icon, the one in CFv3 does.

Bob
evano 09 Feb, 2012
awesome, i added in
div.datepicker_dashboard {
  z-index: 10000 !important;
}

at the end of my template.css file and it worked perfectly...

Thanks Bob!

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