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

Enless sroll

15 Answers 68 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
OfficeHeart
Top achievements
Rank 1
OfficeHeart asked on 17 Jul 2013, 10:49 AM
Hello,

The loading image don't stop when endless scrolling is used: http://jsbin.com/eqisip/17/edit

I know that  something changed in the behaviour. But how can I get this smooth?
And in some cases my list has 2 items. Then I also see the loading image.

Thanks,
Martin

15 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 17 Jul 2013, 11:31 AM
Hi Martin,

The loading image is visible due to page size being not enough, as described in our documentation. In case your list features 2 items, you should make sure that the schema total method returns the correct number, too.

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
OfficeHeart
Top achievements
Rank 1
answered on 18 Jul 2013, 07:59 AM
Hi Peyto,

My total scheme returns the correct number of items (2). But the loading image is still shown.

Thanks,
Martin
0
Petyo
Telerik team
answered on 18 Jul 2013, 09:10 AM
Hello Martin,

I think I managed to reproduce the problem (http://jsbin.com/eqisip/20/edit); we will try to address it as soon as possible. Please let me know if your case is the same.

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
OfficeHeart
Top achievements
Rank 1
answered on 18 Jul 2013, 09:39 AM
Hello Petyo,

This is exactly what I mean.

Thanks in advance,
Martin
0
Accepted
Petyo
Telerik team
answered on 22 Jul 2013, 07:02 AM
Hello Martin,

The issue is fixed and available in our latest internal build, published on Friday.

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
OfficeHeart
Top achievements
Rank 1
answered on 24 Jul 2013, 08:08 AM
Hi Peyto,

Thank you for fixing the issue. I don't know why the beheavior from Endless scrolling is changed because it was working perfectly.

I have still the following issue:
When srolling down and back up, there is an empty space, with does not disappear. I demostrated this in the following http://screencast.com/t/Avq0ZNBvXv
and this is the source: http://jsbin.com/eqisip/46/edit

And the endless scrolling is ony smooth when I set the pagesize to 50.....thats a lot!

-Martin
0
Petyo
Telerik team
answered on 26 Jul 2013, 06:40 AM
Hello,

The change of the implementation was due to performance reasons - a listview with 150+ items easily crashed the app due to amount of DOM elements. If you have fewer items to display, you may show them right away, in fact.

The 1/2 items being displayed behavior you observe is described in our documentation. In general, this should not be a problem on a mobile device screen. 

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
OfficeHeart
Top achievements
Rank 1
answered on 26 Jul 2013, 09:40 AM
Hi Petyo,

Actually I have the same problem on mobile devices! I tested this on Iphone 4 with the latest IOS 6 version.

You can reproduce it when your load the Endless scrolling demo (http://demos.kendoui.com/mobile/listview/endless-scrolling.html#/).

Scroll down a few times and backup. The endless scrolling is not smooth, de scroller jumps! 
And sometimes there is an empty area above (see the attached screenshot). As shown in the screencast.

I have these problems only on iphone so far.

Thanks,
Martin
0
Petyo
Telerik team
answered on 30 Jul 2013, 07:23 AM
Hello Martin,

Your sample has a total set of 100. The demos page has it set to 77. I suspect this to be the problem you are facing. 

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
OfficeHeart
Top achievements
Rank 1
answered on 30 Jul 2013, 07:36 AM
Hi Petyo,

The endless scrolling demo does not work smooth on Iphone. Please try your own demos on a iphone device.

Scroll down a few times and backup. The endless scrolling is not smooth, de scroller jumps! 
And sometimes there is an empty area above (see the attached screenshot). 

Thanks in advance,
Martin
0
Petyo
Telerik team
answered on 01 Aug 2013, 07:26 AM
Hi Martin,

Did my recommendation about the total configuration work for your case? 

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
OfficeHeart
Top achievements
Rank 1
answered on 01 Aug 2013, 07:42 AM
Hi Petyo,

This is about your own demo: http://demos.kendoui.com/mobile/listview/endless-scrolling.html#/

Please have a look at this problem on a iphone device.

Thanks,
Martin
0
Petyo
Telerik team
answered on 05 Aug 2013, 07:19 AM
Hello Martin,

I tested the demo on iPhone 4s and iPhone 5 (the latter performing better, obviously). I could not reproduce the empty area from the screenshot. The empty area is reproducible only in your example, and this is due to incorrect total configuration. 

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
KSBA Techie
Top achievements
Rank 1
answered on 11 Aug 2013, 02:59 AM
 I installed the latest build and the endless scroll is still acting funky...

  • The scrolling image would show and stay on the screen on page load.
  • It would not show all the items but would cut it off after 5 items in a 35 item list and show the loading icon...

I've resolved to go back to the previous build for my iPhone/iPad app...  I've started using the Flat design on my Android app but I will have to revert that as well if this issue is not resolved...

Thanks,
Nathan
0
Petyo
Telerik team
answered on 12 Aug 2013, 08:44 AM
Hello Tech Admin,

This forum thread (and the other 5 threads you posted in) feature detailed explanations, links and working samples that illustrate the changes we introduced in the new release, as well as what is needed in order for the newly introduced virtual mode to work as expected. Please look through the resources mentioned.

In case the suggestions provided do not work in your case, you may file a support ticket with a runnable sample attached. 

Regards,
Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
ListView (Mobile)
Asked by
OfficeHeart
Top achievements
Rank 1
Answers by
Petyo
Telerik team
OfficeHeart
Top achievements
Rank 1
KSBA Techie
Top achievements
Rank 1
Share this question
or