[Solved] ASP.Net MVC Grid Filter Window little buggy

[Mark Ettema]

I am trying to implement the mvc grid and at first it works great.
Easy to set up and everything.

The problem starts with the filtering window that is shown.
When the left side of the table is near the edge of the browser window the filter window does not stay within the limits of the table or the window what results in an horizontal scrollbar. What is weird that I can not reproduce this issue with the examples.

Second issue I have is that the filter window does not hover over every element. This issue I can reproduce with the examples.
http://demos.telerik.com/aspnet-mvc/grid/CustomRoute/1/Customer.ContactName-asc/Customer.ContactName~eq~%27ARt%27
If the filter window is shown it is beneath the tabstrip.

[Atanas Korchev]

Hi Mark Ettema,

Please find attached updated scripts which should solve the positioning issue. To resolve the second one - the menu going below the tabstrip - you should set the z-index of your grid to some value:

Html.Telerik().Grid().HtmlAttributes(new {style="z-index:100"})

Regards,
Atanas Korchev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Mark Ettema]

Thanks for the updated scripts they work.

I also thought of the workarround with the z-index.
Not the cleanest solution but it works. I only got issues with multiple small tables but an incrementing z-index did the trick.

[Mark Ettema]

I have an issue with the updated scripts.
It only allows filters on the last column.

Code like

Html.Telerik().Grid(Model)
            .Name("Companies")
            .Columns(columns =>
                         {
                             columns.Add(c => c.Code).Title(Html.Localise("company_fieldCode"));
                             columns.Add(c => c.Name).Title(Html.Localise("company_fieldName"));
                             columns.Add(c => c.Trademark).Title(Html.Localise("company_fieldTrademark"));

                         })
            .Pageable()
            .Sortable()
            .Filterable()
            .Render();

Only gives an filter on the last column.
All the properties are strings

[Atanas Korchev]

Hi Mark Ettema,

I couldn't reproduce the problem. Please find attached a sample application which shows my test setup. What could be different in your case?

Regards,
Atanas Korchev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Mark Ettema]

It seems to be an styling error on my part.
Al works fine but is positioned out of sight.

Thanks for the support