This is a migrated thread and some comments may be shown as answers.
Grid not appearing on an iOS device with scrolling disabled and no height set
3 Answers 11 Views
This is a migrated thread and some comments may be shown as answers.
Randy
Top achievements
Rank 1
Randy asked on 31 Jan 2020, 06:44 PM

According to this article (https://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance/height?&_ga=2.194530788.810043146.1580386923-2007283080.1571831975#making-the-grid-100-high-and-auto-resizable), I should be able to disable scrolling and have no height set on my grid and the grid will automatically have a height tall enough to contain all the rows. This does actually work in Chrome running under Windows 10. However, it does not work in Chrome running under iOS (12 or 13). In an iOS environment the grid has no height at all. 

I've attached an image showing what this looks like running on an iPad 7 iOS 13. All you see is a horizontal line underneath "Certifications". I believe this is the top of the grid. I get the same incorrect results on an Android device as well.

3 Answers, 1 is accepted

Sort by
0
Georgi
Telerik team
answered on 04 Feb 2020, 11:15 AM

Hello Randy,

I have tested the referenced sample on an iPad with iOS 13 and the grid seems to work correctly as seen in the following screenshot:

Are you able to replicate the behavior in the aforementioned dojo? Could you please provide us with a sample where the issue can be replicated?

Regards,
Georgi
Progress Telerik

Get quickly onboarded and successful with your Telerik UI for ASP.NET MVC with the dedicated Virtual Classroom technical training, available to all active customers.
0
Randy
Top achievements
Rank 1
answered on 04 Feb 2020, 11:47 AM

I have been able to isolate this problem. In my code I am using the .Mobile() property in my MVC wrapper. However, when I removed that, it renders correctly on an iOS device. Can you try your example again using the Mobile property? 

Is there some reason why using Mobile would cause an issue?

0
Georgi
Telerik team
answered on 06 Feb 2020, 10:51 AM

Hi Randy,

Could you please test to set the height to 100% in the configuration of the grid?

e.g.

        mobile:true,
        height:'100%'

Below you will find a modified version of the sample:

Regards,
Georgi
Progress Telerik

Get quickly onboarded and successful with your Telerik UI for ASP.NET MVC with the dedicated Virtual Classroom technical training, available to all active customers.
Tags
Grid
Asked by
Randy
Top achievements
Rank 1
Answers by
Georgi
Telerik team
Randy
Top achievements
Rank 1
Share this question
or