[Solved] RadGrid datetime column filter icon css hides

[Kris]

Not sure if anyone has encountered this so far, but here's the layout. I have a radgrid inside of a RadAjaxPanel with a referencing RadAjaxLoadingPanel. 

My problem is that the icon and css for the datetimecolumn filter is not there. When I remove the ajaxPanal and the LoadingPanel, all works well.

Is there a way around this? The RadAjaxPanel is awesome, since our apps need to refresh the grids after a radwindow close, but this bug (er whatever it is) makes the grid format look way off.

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Vista">
            </telerik:RadAjaxLoadingPanel>
            <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1"
                EnableEmbeddedScripts="true" Height="550px">

<telerik:RadGrid ID="RadGrid1" runat="server" Height="412px" Width="818px" AutoGenerateColumns="true"
                    AllowSorting="true" GroupingSettings-CaseSensitive="false" ClientSettings-Scrolling-AllowScroll="true"
                    AutoGenerateHierarchy="true" PageSize="20" Skin="WebBlue" PagerStyle-AlwaysVisible="true"
                    ClientSettings-ClientEvents-OnRowDblClick="RowDblClick" ClientSettings-Resizing-AllowColumnResize="true"
                    ClientSettings-Scrolling-UseStaticHeaders="false" ClientSettings-Selecting-AllowRowSelect="true"
                    ClientSettings-ClientEvents-OnRowClick="RadGrid1_RowSelected" ClientSettings-Scrolling-SaveScrollPosition="true"
                    AllowFilteringByColumn="true" AllowPaging="true" OnNeedDataSource="RadGrid1_NeedDataSource"
                    OnDetailTableDataBind="RadGrid1_DetailTableDataBind" OnColumnCreated="RadGrid1_ColumnCreated"
                    OnPreRender="RadGrid1_PreRender" OnItemDataBound="RadGrid1_ItemDataBound" OnItemCreated="RadGrid1_ItemCreated">
                    <MasterTableView AllowMultiColumnSorting="True" ClientDataKeyNames="rvlPropertyID"
                        DataKeyNames="rvlPropertyID" HierarchyLoadMode="Client" Name="Property" Width="100%">
                    </MasterTableView>
                    <HeaderStyle VerticalAlign="Top" Width="125px" />
                    <PagerStyle AlwaysVisible="True" />
                </telerik:RadGrid>
            </telerik:RadAjaxPanel>

[Princy]

Hello,

I cannot reproduce the issue at my end. Check the following demo which implements the same.
Grid / Basic Filtering

Thanks,
Princy.

[Christian Jernberg]

I've got the same issue and the same page layout. The filter icon is not showing. This is for IE9 standard mode(not comp. mode) and Chrome. If I use comp. mode in IE9 it shows and works as it should.

[Tsvetina]

Hello,

I tried replicating the problem using the provided mark-up but to no avail. Can you tell me what am I missing out? Which RadControls version are you using and which browser do you observe the problem in?

Greetings,
Tsvetina
the Telerik team

[Anand]

Hi,

I am facing the same issue as well. It is not easy to reproduce. As of now I have one developer seeing this issue in IE10. On his laptop he does not see this issue in Chrome or Firefox. Only in IE 10.
I have IE 10 on my laptop and I am not able to see this issue. This indicates some kind of browser setting that is interfering with the image sprite that contains all the filter icon images.
I had the user run fiddler and capture the image sprite and I verified that the image sprite is being downloaded successfully. But it is just not displayed.

Thanks
Anand

[Anand]

I have one user reporting this issue. He is using IE10. The filter icons are ok in Chrome and Firefox, but are not displayed only in IE10 and only for this particular user. I have IE10 and I am unable to reproduce this issue.
I ran fiddler to capture the images and I do see the image sprite being downloaded successfully.
It looks like some kind of browser setting.

Thanks
Anand

[Maria Ilieva]

Hello Anand,

I tested the mentioned scenario on our side in different machines with IE10 browser but was not able to replicate the issue.
However another user has reported that this problem might be caused by the following setting: Internet Options of IE 10 -> Advanced -> Accelerated graphics -> Check “Use software rendering instead of GPU rendering"

Try this option on the problematic machines and verify if this helps.

Regards,
Maria Ilieva
Telerik