Radgrid combined filter options not showing in Mobile/Responsive Device

[Mukesh]

Hello,

Radgrid combined filter options not showing in Mobile/Responsive Device

When I click on filter icon in RadGrid than sub menu of filter options are not showing in Mobile/Responsive device.

FYI - In web its working fine.

Please do the needful for the same and Let me know if anyone wants more details.

Thanks,

Mukesh Prajapati

[Rumen]

Hi Mukesh,

Have you tried by any chance the Mobile version of RadGrid, which is specially designed for use on mobile? To activate it set the RenderMode property of RadGrid to "Mobile" or "Auto".

You can test it at https://demos.telerik.com/aspnet-ajax/grid/mobile-examples/overview/default.aspx. 

If you still prefer using the desktop mode of RadGrid on mobile, please send a screenshot of the problem and a Fiddler Jam capture which will provide a lot of info easily and allow us to investigate further. Keep in mind that starting from a blank page or at least navigating to your page via the address bar is crucial for capturing all requests and responses:

https://docs.telerik.com/devtools/aspnet-ajax/knowledge-base/common-capture-issues-with-fiddler-jam.  

[Mukesh]

Hello Rumen,

Thanks for your reply. I am using my application in both desktop and mobile (Mostly functionality implemented for desktop view)

Please refer below Telerik demo link where sub-menu filter options (highlighted in yellow) not showing in mobile view but working fine in desktop view.

https://demos.telerik.com/aspnet-ajax/grid/examples/functionality/filtering/excel-like-filtering/defaultcs.aspx

I have attached screen shot.

Once click on filter icon from Radgrid then popup will open after that sub-menu of column filter will not open when we click on menu item.

If I am using RadGrid to "Mobile" then other customized functionality are not working in desktop view.

Please let me know if any.

Thanks,

Mukesh Prajapati

 

 

[Rumen]

Thank you for the provided detailed info, Mukesh!

The behavior happens because the context menu item is expanded on hover, but not on click. To configure the click feature turn on the ClickToOpen property of the header context menu:

protected void Page_Load(object sender, EventArgs e)
{
        RadGrid1.HeaderContextMenu.ClickToOpen = true;
 }

 

Regards,
Rumen
Progress Telerik

[Mukesh]

Same issue.

When I click on filter icon its opening the menu options but once I click on sub menu option next popup menu is not opening.

Please find attache screen shot for Desktop and Mobile.

1. Desktop - Working fine.

2. Mobile - Not Working when I click on Filter Options.

 

Thanks

 

[Rumen]

Hi Mukesh,

From the provided reply I assume that the provided solution solved the header context menu issue, but you still experience the same problem with the regular filter menu. In this case test by setting also RadGrid1.FilterMenu.ClickToOpen = true;

[Mukesh]

Not working,

Will check this in more details.

Thanks for your help.