Grid Filter window not appearing

[Nico]

Hello,

I have a little issue using the Grid control (MVC). All works fine except for one small problem. The filter window doesnt appear when you click the filter option on the grid header.

I can see in the source that window is being shown, the only problem is it's top value is -1000px. If I manually adjust this to 0px then the window appears at the top of the window (as you would imaging).

<div class="k-animation-container" style="margin-left: -2px; padding-left: 2px; padding-right: 2px; padding-bottom: 4px; overflow: visible; display: block; position: absolute; top: -10000px; z-index: 10002; left: 502.40625px; box-sizing: content-box;">
//omitted container showing filter form.

</div>

Has anyone come across this before and possibly have a fix in place?

From what I can tell the correct kendo & jQuery files are referenced.

bundles.Add(new ScriptBundle("~/bundles/kendo").Include(
                        "~/Scripts/kendo/kendo.all.min.js",
                        "~/Scripts/kendo/kendo.aspnetmvc.min.js"));

            bundles.Add(new StyleBundle("~/Content/kendo/css").Include(
                        "~/Content/kendo/kendo.common.min.css",
                        "~/Content/kendo/kendo.default.min.css"));

jquery version 1.8.3, I cant upgrade any higher than that at the moment as it breaks alot of other scripts on the site.

Cheers,

Nico

[Alexander Valchev]

Hi Nico,

It is possible that the issue is caused by the jQuery version which you use. Officially Kendo UI depends on jQuery 1.9.1 or higher.
We do not test the framework with older and outdated jQuery versions.

If upgrading is not an option for you please consider using jQuery migrate.

Regards,
Alexander Valchev
Telerik

 

 

[Darshan]

Hi Alexander,
I am facing same issue. I am using jquery version 1.9.1 also. Still facing same problem.
Can you please help me with this?

Thank,
Darshan

[Nico]

Darshan,

I actually found that the problem wasnt jquery. Although I did go through the pain of upgrading to 1.9 the problem was actually jQuery UI.  I have solved this issue by using jQuery UI version 1.10.4 with jQuery 1.9.1

Hope this helps

[Darshan]

It's working. Thank you very much.

Darshan