Kendo UI Mobile(Scroller / Pull to refresh) with Kendo UI Web

[Navin]

Can I use Kendo UI Mobile(Scroller / Pull to refresh) with Kendo UI Web?

[Sebastian]

Hi Navin,

You should be able to do that, as long as you initialize the widgets when the mobile view's init event is raised. See the relevant Mobile FAQ section for reference.

Best regards,
Sebastian
the Telerik team

[Navin]

Hi Sebastian,  
Actually i was looking for unique scroller independent of device like iScroll (http://lab.cubiq.org/iscroll/examples/simple/). Is it possible using kendo ui? 

[Sebastian]

Hi again Navin,

Not sure what you mean by 'unique scroll independent of device', but note that our mobile scroller widgets works on mobile devices and desktop webkit browsers (Chrome, Safari). You can test it here.

If I am missing something, please elaborate further on what specifically you are aiming to achieve.

Regards,
Sebastian
the Telerik team

[Navin]

Thankx Sebastian, It was really what i was looking for but sad to say that it is not supported in IE9. Do we have to include
 var app = new kendo.mobile.Application(document.body); in every html page to use our mobile scroller widgets in desktop browsers. Is there any disadvantage using mobile scroller widgets in desktop browser with other kendo UI? Or could u show me the way to implement in desktop browser?

[Sebastian]

The Kendo UI Mobile Scroller widget can be used in mobile applications which can be viewed on desktop in WebKit browsers. The mobile scroller does not have a desktop equivalent, as it does not make much sense in pure desktop environment where other type of scrolling is used.

IE9 is not a WebKit browser and that is why it is not supported by our mobile framework and widgets. An alternative means to initialize the mobile scroller widget is by invoking the kendoMobileScroller() method, as explained in the relevant documentation topic.


Regards,
Sebastian
the Telerik team

[Sulthon Muhammad]

how to use 
-webkit-overflow-scrolling: touch;
webkit scroll instead.. i just want to compare which one is better for my apps.. couse im having trouble on android.. 
'miss a drag as we are waiting fir Webcore's response for touch down'
scroller freezes every ontouchstart.. 
also listview feel laggy when it have about 30+ list item.. 

[Kamen Bundev]

Hi Sulthon,

-webkit-overflow-scrolling: touch is not supported up to Android 4.1 (Jelly Bean). However Android 3+ supports normal scrolling of overflown elements. So, if you set data-stretch: true to your View (to remove the mobile scroller) and add this CSS:
.km-android .km-content
{
    overflow: scroll;
}

Theoretically it should work. However - it won't due to a touchmove prevention in the Kendo Application to avoid scrolling of the whole page. You should be able to disable it by setting
kendo.support.kineticScrollNeeded = false;

before initializing your Application. Note that kineticScrollNeeded will disable the scroller throughout your whole application.

That said there are some limitations of the native browser scrolling - Android 2.x doesn't support overflow scrolling at all and Kendo UI Mobile's pull to refresh and static ListView group labels implementations will stop working (since they are dependent on the scroller).

All the best,
Kamen Bundev
the Telerik team

[Sulthon Muhammad]

thx for the reply..
i think i need to forget about it and look for another solution.. 
anyway.. is there any method to optimize listview.. 
or is that anyway i can nest a listview inside a scroller.. so the page height wont be expanded.. 
or something like two ways endless scroll.. up and down.. so it will  disable the pull to refresh and replace it.. 
then remove the old page item dom.. 

[Kamen Bundev]

Hello Sulthon,

Currently there's no such feature in Kendo UI Mobile ListView. There is a similar feature request on our Feedback page on UserVoice, you can vote it up if you want to see it implemented.

Greetings,
Kamen Bundev
the Telerik team

[sanketh]

Hello,
i want to raise a touch event(ex: Long touch) in web application,when the web application is opened in mobile is it possible to do.

[Kamen Bundev]

Guys,

The original question that started this thread has nothing to do with the questions by the last two posters. To avoid further confusion, I'm locking it. Please open a new forum thread for each new issue you may have.

Regards,
Kamen Bundev
the Telerik team