IE6 Grid - Date Filter Layering

[Mel]

When using the Filter column with a DateTime type, and using IE6, when you click the date picker icon for the first filter value, the calendar display has the second text field overlayed on top of it. Can this be fixed?

(Image attached)

[Alex Gyoshev]

Hi Mel,

In order to resolve the problem, you need to add an invisible iframe overlay below the popup calendar. You can do so by adding one line to telerik.datepicker.js, like this (highlighted line is the change):

sharedCalendar = $($t.calendar.html(this.focusedDate, this.selectedDate, this.minDate, this.maxDate))
    .hide()
    .addClass('t-datepicker-calendar')
    .bind('click', function(e) { e.stopPropagation(); })
    .appendTo(document.body)
    .prepend('<iframe src="javascript:\'\';" style="position:absolute; width: 100%; height: 190px; border: 0; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0);"></iframe>')
    .tCalendar({
        selectedDate: this.selectedDate,
        minDate: this.minDate,
        maxDate: this.maxDate
    });

Greetings,
Alex Gyoshev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Mel]

How do I then minify the javascript file? Is there a particular tool you use, or needs to be used?

Many, many thanks for your support.

[Alex Gyoshev]

Hello Mel,

We are using the YUI compressor to minify JS and CSS files (more accurately, we use it as a MsBuild task). Minifying isn't required, though (just recommended) - you can keep the file as it is.

Greetings,
Alex Gyoshev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Barnabas]

Alex,

Thanks for the fix. I have a question. If your product officially supports IE6, and this fixes the issue, then why isn't this fix checked into the product? This bug still exists in the most recent release of your product. It can still be observed if the demo pages for the MVC grid are pulled up in IE6.

Thanks,
Barnabas

[Alex Gyoshev]

Hello Barnabas,

You are right. We just embedded the fix in our code, and it will be available in upcoming releases of the extensions.

Thanks,
Alex Gyoshev
the Telerik team