This is a migrated thread and some comments may be shown as answers.

Grid doesn't fit viewport

3 Answers 143 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Andy Green
Top achievements
Rank 2
Andy Green asked on 12 Apr 2017, 08:08 AM

Hi All

We have a radgrid with has several columns, that when viewed on a mobile device is too wide for the viewport. This is simply because of the number of columns.

We are using Bootstrap and the page is responding correctly.

Before I code it to hide columns on smaller devices, has anyone had this problem before? and what is the fix? Can you get the grid to scale for example?

Andy

 

 

3 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 13 Apr 2017, 08:36 AM

Hello Andy,

You can find details on the topic in this blog post: http://www.telerik.com/blogs/the-most-mobile-friendly-grid-for-your-responsive-asp.net-web-forms-apps and code library http://www.telerik.com/support/code-library/responsive-radgrid-d82dc6333682

You can also share your experience in this forum thread: http://www.telerik.com/forums/responsive-design.

Best regards,
Rumen
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Andy Green
Top achievements
Rank 2
answered on 19 Apr 2017, 08:40 AM

Thanks Rumen

I already have the RenderMode="Auto" and the grid still spils. I'll go though the other options.

The attached image shows my problem.

Andy

0
Eyup
Telerik team
answered on 24 Apr 2017, 06:48 AM
Hello Andy,

Generally, setting the Width of the grid as percentage and removing fixed width from at least one column should fix this issue. If the problem remains, I would suggest that you open a formal support thread and send us a very basic runnable web site to isolate the behavior.

Regards,
Eyup
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Andy Green
Top achievements
Rank 2
Answers by
Rumen
Telerik team
Andy Green
Top achievements
Rank 2
Eyup
Telerik team
Share this question
or