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

Filter Icon displaying incorrectly in IE 8?

7 Answers 52 Views
Grid
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Nick Pepper
Top achievements
Rank 1
Nick Pepper asked on 14 May 2010, 10:44 AM
Hi Telerik

I'm currently using the mvc grid for an application using VB.NET 3.5 and MVC 1 extensions version 2010.1.309. One issue exists in IE 8 where some of the filter icons do not appear to render properly. The grid renders perfectly in Fire Fox and Investigation shows that this occurs on columns where filtering is enabled but sorting is disabled. Please find a code snippet and screen shot attached that shows the problem (check the last two columns Start Date and End Date) and are Telerik aware of this bug and is there a known fix?

Many thanks

Nick

<div id="contractsMain"
    <%                                                           
      Dim grid As Telerik.Web.Mvc.UI.Grid(Of Contracts.ContractsSummaryViewModel) = Html.Telerik.Grid(Of Contracts.ContractsSummaryViewModel) _ 
     .Name("ContractGrid") _ 
     .Sortable() _ 
     .Pageable(Function(p) p.Total(CInt(ViewData("Total")))) _ 
     .Filterable() _ 
     .Selectable() _ 
     .EnableCustomBinding(True) _ 
     .ClientEvents(Function(events) events.OnRowSelected("onRowSelected")) _ 
     .DataBinding(Function(d) d.Ajax().Select("GetContracts", "Contracts")) 
      grid.Paging.PageSize = 20 
      Dim colContractId As New Telerik.Web.Mvc.UI.GridBoundColumn(Of Contracts.ContractsSummaryViewModel, String)(grid, Function(c) c.ID) 
      Dim colContractName As New Telerik.Web.Mvc.UI.GridBoundColumn(Of Contracts.ContractsSummaryViewModel, String)(grid, Function(c) c.ContractName) 
      Dim colPORef As New Telerik.Web.Mvc.UI.GridBoundColumn(Of Contracts.ContractsSummaryViewModel, String)(grid, Function(c) c.PORef) 
      Dim colClient As New Telerik.Web.Mvc.UI.GridBoundColumn(Of Contracts.ContractsSummaryViewModel, String)(grid, Function(c) c.Client) 
      Dim colClients As New Telerik.Web.Mvc.UI.GridBoundColumn(Of Contracts.ContractsSummaryViewModel, String)(grid, Function(c) c.Clients) 
      Dim colCurrentStatus As New Telerik.Web.Mvc.UI.GridBoundColumn(Of Contracts.ContractsSummaryViewModel, Contracts.ContractStatus)(grid, Function(c) c.ContractStatus) 
      Dim colStartDate As New Telerik.Web.Mvc.UI.GridBoundColumn(Of Contracts.ContractsSummaryViewModel, String)(grid, Function(c) c.StartDate) 
      Dim colEndDate As New Telerik.Web.Mvc.UI.GridBoundColumn(Of Contracts.ContractsSummaryViewModel, String)(grid, Function(c) c.EndDate) 
      colCurrentStatus.Title = "Current Status" 
      colClient.Title = "Contract Owner" 
      colContractId.Sortable = False 
      colContractId.Filterable = False 
      colStartDate.Sortable = False 
      colEndDate.Sortable = False 
      grid.Columns.Add(colContractId) 
      grid.Columns.Add(colContractName) 
      grid.Columns.Add(colPORef) 
      grid.Columns.Add(colClient) 
      grid.Columns.Add(colClients) 
      grid.Columns.Add(colCurrentStatus) 
      grid.Columns.Add(colStartDate) 
      grid.Columns.Add(colEndDate) 
      grid.Render() 
    %> 
  </div> 

7 Answers, 1 is accepted

Sort by
0
Atanas Korchev
Telerik team
answered on 14 May 2010, 10:50 AM
Hi Nick Pepper,

Since filtering works ok in our online demos (even in IE8) I suggest you upgrade to Q1 2010 SP1. You can download it from this forum thread (since service packs are available only to commercial licensed customers).

Regards,
Atanas Korchev
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.
0
Nick Pepper
Top achievements
Rank 1
answered on 14 May 2010, 11:07 AM
Thank you for the advice and I will try the new service pack. However when i tried the 'First Look' example in the online demos and disabled the sorting option filtering was also disabled in IE 8? This behaviour isn't present when i use Fire Fox filtering is still enabled when sorting is disabled.

Thanks again

Nick
0
Accepted
Alex Gyoshev
Telerik team
answered on 17 May 2010, 09:40 AM
Hello Nick,

Thank you for pointing this out. We just fixed it using the following (ugly) CSS:

.t-grid-filter
{  
    margin: -1.8em -.6em -.3em 3px;
    margin-top /*\**/: -.3em\9;
}

.t-link + .t-grid-filter { margin-top /*\**/: -1.8em\9; }
*+html .t-grid .t-grid-filter { margin-top: -1.8em; }


The fix will be available with the upcoming service pack 2 (this week).

Kind regards,
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.
0
Nick Pepper
Top achievements
Rank 1
answered on 17 May 2010, 09:55 AM
Hi thanks for the fix! And look forward to the official one!

Kind regards

Nick
0
William Brown
Top achievements
Rank 1
answered on 31 Aug 2010, 04:02 AM
Hi Nick - where do I put that css code?
0
Kevin
Top achievements
Rank 1
answered on 06 Oct 2011, 04:00 AM
This is still an issue for me.  I am on version 2011.2.712 and I also tried putting in the the CSS you suggested.  I put it in my master page and on the partial view that displays the grid, but it still shows those awful filters.

This is an issue in IE8 as well as IE9.  It's also a problem in Chrome.

Steve
0
Dimo
Telerik team
answered on 06 Oct 2011, 07:55 AM
Hi Steve,

The HTML output and CSS styling of the Grid headers has changed since this forum thread was started, and the reason was exactly this issue. Currently the CSS rules provided above are no longer needed and if you are using the latest stylesheets, there should be no such problem. You can verify this on the Grid online demos:

http://demos.telerik.com/aspnet-mvc/Grid

(disable sorting in the checkbox list)

Best wishes,
Dimo
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the Telerik Extensions for ASP.MET MVC, subscribe to their blog feed now
Tags
Grid
Asked by
Nick Pepper
Top achievements
Rank 1
Answers by
Atanas Korchev
Telerik team
Nick Pepper
Top achievements
Rank 1
Alex Gyoshev
Telerik team
William Brown
Top achievements
Rank 1
Kevin
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or