Telerik grid functionalities such as pagination, filter and sorting are not working in Google Chrome, however it works in Internet Explorer.

[Pribadi]

Hi,

Telerik grid functionalities such as pagination, filter and sorting are not working in Google Chrome, however it works only in Internet Explorer. Please provide us the solution.

[Vessy]

Hi Pribadi,

Can you open the Console tab of Chrome and make sure that there are no any JavaScript errors thrown on the page?

[Pribadi]

Hi, I have checked the console tab,, there is no Javascripts errors on the page

[Vessy]

Hi Pribadi,

Can you set the Classic render modes of the controls through the web.config (ensure that there is no any RenderMode property set through the markup) and see what the result will be?

<appSettings>
    <add key="Telerik.Web.UI.RenderMode" value="classic" />
</appSettings>

[Pribadi]

When I set the Radgrid render mode to classic filter images(three vertical dots) are shown, but when i click on it the pop is not coming. Sorting is working fine.

[Vessy]

Hi Pribadi,

Can you, please, prepare and send me a small project where I can reproduce this behavior? Also, can you run the test from the following article and make sure that the render modes of all controls are the same?

https://docs.telerik.com/devtools/aspnet-ajax/knowledge-base/common-determine-mixed-render-mode

[Pribadi]

Hi Vessy
I have given few observation about this issue in the answer section as I was need to attach an image. Kindly look into it and let me know your thoughts on this.

[Pribadi]

Hi Vessy

When we mouseover on column header to sort, JavaScript function is calling, I have attached the screenshot below.

But when we mouseover on 3_dots to filter,  Javascripts function is not calling.

Please let us know the solution for this issue ASAP.

 

[Attila Antal]

It is normal that hovering on the Header Text shows a JavaScript and the three dots do not. The Click event for the Header Text is defined inline using the onclick="" attribute, the three dots have a Click event Listener configured in another JavaScript file. For more information on the difference, you can check out the addEventListener vs onclick StackOverflow article.

 

Clicking on the three dots opens the Column HeaderContextMenu but for that, you will need to enable the functionality by setting the following properties of the Grid, see Header Context Menu:

• FilterType="HeaderContext"
• EnableHeaderContextMenu="true"
• EnableHeaderContextFilterMenu="true"

If this does not work in Google Chrome, there are three possibilities. 

1. The HeaderContextMenu is not enabled
2. There might be a custom JavaScript code that prevents the Menu from opening
3. There are JavaScript errors that also prevent the Menu from Opening

 

In order to be able to help you, please provide us the complete RadGrid declaration and backend code (C#/VB) which will help us replicate the problem.

Furthermore, if you require urgent assistance, I suggest that you submit a Formal Support ticket instead of Forum threads. For Support tickets, we can guarantee 24 hours response time.

[Pribadi]

Hi Attila,

As the complete project  could not be able to attach, I have shared the web.config content for the telerik and the page where I have implemented Telerik Grid.

In this page

• If I inherit our costume page template, filter menu is not showing in Microsoft Edge.
• If I inherit System.Web.UI.Page, filter menu is showing.

Please let us know if we need to add any telerik components to be added to make it work with out costume page template.

[Attila Antal]

I looked at the Grid settings and web.config as well, but I don't see anything wrong. Since inheriting the custom page is the reason for the problem, you will need to check that one. 

Without being able to replicate the problem, we don't know what the problem is. But if you can share the steps to replicate the issue, we will do it locally.

[Pribadi]

Hi Attila,

I have already attached the page where the logic for the grid is. This is working fine in Internet explorer, It is not working in Edge. We have the aspx.cs page inherits class.cs which is having other logic not related to radgrid. Is there any problems for telerik grid pages when we inherit other classes, If so it should not be working for IE(internet explorer) also. We need your help on this. we are not able to certify our app for the edge because of this issue.

[Attila Antal]

Pribadi, you mentioned earlier that the problem appears when you inherit from the Custom page. That page, you said has some code not related to the Grid. If that page stops the functionality then there must be a problem on that page and you will need to review the code. Make sure there are no JavaScript errors when you inherit that page.

Because I do not have enough information to replicate the issue, I am unable to share a suggestion to eliminate the problem.