Knowledge Base - Why the calendar shows 'behind' the search form

"When I want to search in a range of dates, the calendar shows 'behind' the search module.
How to solve that problem?
"

calendar_behind

This is due a CSS problem with your template. Please edit this file: Edit file: components/com_sobi2/includes/js/jscalendar/calendar-system.css.

And add this definition in the .calendar style :z-index:9999;

Then the result will be like:

.calendar {
position: relative;
display: none;
border: 1px solid;
border-color: #fff #000 #000 #fff;
font-size: 11px;
cursor: default;
background: Window;
color: WindowText;
font-family: tahoma,verdana,sans-serif;
z-index:9999;
}

And the problem is solved.

Applies To

All Products