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

Vertical scrolling page in a tablet (iPAD/Galaxy)

5 Answers 53 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Blas
Top achievements
Rank 1
Blas asked on 20 Jun 2012, 08:24 AM
Hello,

I have a grid 100% width and with 20 lines per page that obviously don't fit in a tablet screen (iPAD and Samsung Galaxy). The problem is that I'm not capable of scrolling the page vertically. In the iPAD I'm able to do it with two fingers, but in the Samsung Galaxy I didn't find a way to do it.

Any idea?

Thank you
Roberto

5 Answers, 1 is accepted

Sort by
0
Marin
Telerik team
answered on 20 Jun 2012, 01:43 PM
Hi,

 You can enable the scrolling feature of the grid, this way you will not need to scroll the whole page.

Regards,
Marin
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Blas
Top achievements
Rank 1
answered on 21 Jun 2012, 01:21 PM
Hello Marin,

Thank you for your answer.

I'd tried the solution that you're suggestiong, but the grid has a large amount of records and I wanted to have the pagination at the bottom. 

I've noticed an interesting thing. This page has 2 panels. One that contains the grid (attached file: panelgrid.jpg), and a another one where you can edit a record selected in the grid (paneledit.jpg).

When you call the page for the first time, the grid is shown and there isn't any problem moving the page vertically in the tablet. But after you edit a record and go back to the panelgrid it's not possible to move the page with your finger anymore. You can't event zoom the page with the 2 finger gesture.

I can send you a video that shows the issue

Greetings
Roberto


 
0
Marin
Telerik team
answered on 21 Jun 2012, 03:22 PM
Hi,

 It will be helpful if you can share the markup for the problematic page and any code behind that can help us to run it and check it locally. Also can you specify on which device do you experience this issue, the version of the OS and the browser that you use? And also how many records do you show on one page in the grid?

Thanks.

Regards,
Marin
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Blas
Top achievements
Rank 1
answered on 22 Jun 2012, 06:28 AM
Hello

Thank you for your answer.

I have a support ticket open for another issue in this project and I've left the complete project on a FTP site to your fellow Maria Ilieva. I've also uploaded to the ftp a video that shows the problem in action.

This problem happens both with iPad  with iOS 5.1.1 (Safari) and Samsung Galaxy with Android 3.2 (Chrome), bunt in the iPad there is a workaround to move the page vertically: using two fingers.

The grid has 20 rows per page.

Greetings
0
Marin
Telerik team
answered on 27 Jun 2012, 11:25 AM
Hello,

 This problem happens because you have set width="100%" for the grid. If you remove this setting the scrolling on the page should work fine.

Regards,
Marin
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Grid
Asked by
Blas
Top achievements
Rank 1
Answers by
Marin
Telerik team
Blas
Top achievements
Rank 1
Share this question
or