This is a migrated thread and some comments may be shown as answers.

Grid Filter window not appearing

4 Answers 51 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Nico
Top achievements
Rank 1
Nico asked on 04 Apr 2014, 03:56 AM
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

4 Answers, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 07 Apr 2014, 12:46 PM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Darshan
Top achievements
Rank 1
answered on 11 Apr 2014, 07:09 AM
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
0
Nico
Top achievements
Rank 1
answered on 11 Apr 2014, 07:12 AM
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
0
Darshan
Top achievements
Rank 1
answered on 11 Apr 2014, 07:47 AM
It's working. Thank you very much.

Darshan
Tags
Grid
Asked by
Nico
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Darshan
Top achievements
Rank 1
Nico
Top achievements
Rank 1
Share this question
or