RadGrid Filtering with RenderMode=Mobile

1 Answer 122 Views
Filter Grid
Hampden Tech
Top achievements
Rank 1
Hampden Tech asked on 20 Aug 2021, 04:03 PM

Has anyone had any success implementing the built-in filtering capabilities of RadGrid (no server or client-side code) when setting the rendermode of the RadGrid to Mobile?

I find that the filtering is inconsistent or doesn't work at all in Mobile mode, but if I switch to Lightweight, it works perfectly. Also, for a GridDateTimeColumn, the filtering dialog is confusing. I'm not sure how you would specify a range using "Between" in Mobile mode.

The target for this application is a tablet, so I have been using the "Mobile" render mode throughout, but I may need to use the "Lightweight" option for this radGrid as filtering will be important to the end user.

If anyone has any experience with this or has any suggestions, I would appreciate it.

Again, all I'm doing is changing the rendermode from "Mobile" to "Lightweight" and that solves all of the issues.

Thanks!

1 Answer, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 25 Aug 2021, 03:04 PM

Hello Robert,

I have just answered your support ticket on this matter, for convenience I will share my reply here as well:

 

The Mobile RenderMode will render a different structure for the Grid to improve the Mobile UX. With that said, handling the Functionalities such as Grouping, Sorting, Filtering, Menus are made to be easier to interact with. This, however, will not make the Grid responsive.

"Mobile — this mode is supported since Q3 2014 Beta release and with it, the control will change to create a user experience tailored to the device screen size. In this mode, RadGrid is mobile-friendly and its touch zones are bigger and easier to select."

To make RadGrid responsive, there is another approach that you can try. Here are two examples of that:

Unfortunately, this has a downside. Once the Grid becomes Responsive, the Functionalities will not be available. These two examples are good mainly for displaying the data in a Responsive way.

In addition, you can also submit a Feature Request in our FeedBack Portal where this particular scenario can be shared to public and will have the potential to become popular:

https://feedback.telerik.com/aspnet-ajax

Regards,
Vessy
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Filter Grid
Asked by
Hampden Tech
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Share this question
or