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

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

11 Answers 282 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Navin
Top achievements
Rank 1
Navin asked on 08 Aug 2012, 07:21 AM
Can I use Kendo UI Mobile(Scroller / Pull to refresh) with Kendo UI Web?

11 Answers, 1 is accepted

Sort by
0
Sebastian
Telerik team
answered on 08 Aug 2012, 10:33 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Navin
Top achievements
Rank 1
answered on 08 Aug 2012, 10:52 AM
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? 
0
Accepted
Sebastian
Telerik team
answered on 08 Aug 2012, 11:09 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Navin
Top achievements
Rank 1
answered on 08 Aug 2012, 01:25 PM
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?

0
Accepted
Sebastian
Telerik team
answered on 09 Aug 2012, 07:06 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Sulthon Muhammad
Top achievements
Rank 1
answered on 16 Jan 2013, 07:19 PM
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.. 
0
Kamen Bundev
Telerik team
answered on 17 Jan 2013, 10:18 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Sulthon Muhammad
Top achievements
Rank 1
answered on 17 Jan 2013, 12:51 PM
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.. 
0
Kamen Bundev
Telerik team
answered on 22 Jan 2013, 09:42 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
sanketh
Top achievements
Rank 1
answered on 22 Jan 2013, 11:34 AM
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.
0
Kamen Bundev
Telerik team
answered on 22 Jan 2013, 12:13 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
General Discussions
Asked by
Navin
Top achievements
Rank 1
Answers by
Sebastian
Telerik team
Navin
Top achievements
Rank 1
Sulthon Muhammad
Top achievements
Rank 1
Kamen Bundev
Telerik team
sanketh
Top achievements
Rank 1
Share this question
or