Grid - Mobile mode (mobile application)

[Matt]

My Scenario is kendo mobile application. 2014.3.1409

I have a grid that uses the mobile mode...

That all works fine. It adds its own mobile scroller

Ive attached pull to refresh onto that scroll view. The bit i want to remove is the horizontal dragging... It doesnt need it and just makes it bounce around. Vertical scrolling only would be wonderful.

My other mobile views don't do this. Only the grids.

Any one know how to make it behave the way i would like?

Thanks, Matt

[Alexander Valchev]

Hi Matt,

Could you please provide a small Kendo Dojo test page that demonstrates your current implementation so I can examine it and assist you further?
Thank you in advance for the cooperation.

Regards,
Alexander Valchev
Telerik

 

 

[Matt]

Thanks for getting back Alexander .

I shall attempt to make a demo later if needed.

Here is a example:
http://breakouttrampoliningwebuikendo.azurewebsites.net/#views/competition-tab-group-competitors.html?CompetitionId=1&GroupId=2

seems fine in the desktop browser...

i really should check some other phones (I will check the android phone later, but i recall it doing the same) ...
Windows phone (920) i can drag the the grid to the side quite a bit further than the screenshot shows.

Thanks,
Matt

[Matt]

and the same applies to the android phone. The same thing happens when they are deployed to the phone through appbuilder.

I expect solving it in the webpage will fix it in cordova.

Desktop browser - any resolution - its fine.
Mobile phone browser - drag likes to allow the scrolling horizontally, which is wanted for the drawer (i suppose)... but not for the grid to be dragged all over the place.  

Thanks again,
Matt

[Alexander Valchev]

Hello Matt,

I was able to reproduce the issue in the URL that you provided however without an isolated example that I can test and modify I cannot say what is the root of the problem.
I assume that the issue is connected with the scroller because I noticed that there is a pull to refresh functionality on the page which is not turned on by default.

Could you please create an isolated Kendo Dojo test page that I can examine?

Regards,
Alexander Valchev
Telerik

 

 

[Matt]

Thanks Alex

I shall try to find some time on the weekend to do that ;-)

Thanks

[Alexander Valchev]

Hi Matt,

Please take your time and let me know after the example is ready so I can take a look.

Regards,
Alexander Valchev
Telerik

 

 

[Matt]

Sorry, I've been running out of time out of work... that sounds the wrong way around but here is the demo:

http://dojo.telerik.com/UhIWE/5

Like i mentioned ... it always worked fine in the browser, but when on the mobile you can drag the grid around left or right. O Cant confirm if the demo is doing the same as my web site i provide as have no idea how to get the demo to run on the mobile correctly.

The second scenario that I would like but isn't the end of the world:
Having the grid as 100% height so only the rows scroll and not the grid's header or pager. Im sure ive seen that somewhere before a few months ago but cant recall where.

Thanks, Matt

[Kiril Nikolov]

Hello Matt,

You can automatically resize the grid, after the view is shown. Here is an example:

http://dojo.telerik.com/@Kiril/owujO

Regards,
Kiril Nikolov
Telerik

 

 

[Matt]

I shall play around with that, thanks. Seems simple enough to apply and to include the footer where applicable.

And g for the other other problem ... beinable to drag it around left and right - but only on mobile?
and does the dojo have a mobile 'play' mode?

Thanks, Matt

[Kiril Nikolov]

Hello Matt,

The dragging around is the elastic scroll of the view that cannot be disabled at this point. And the Dojo - it does not have mobile play mode, but you can switch it to full screen and use the Chrome emulation for debugging.

Regards,
Kiril Nikolov
Telerik