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

Scroller view and endless scrolling on the same page

7 Answers 224 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Moomak
Top achievements
Rank 1
Moomak asked on 26 Feb 2014, 11:37 AM
We've problem putting scroller view and endless scrolling on the same page. The last item of the endless list seems to be hidden beneath the viewport. The problem seems to be solved when we remove the scroller view.

Is there anyway to put Scroller view and endless scrolling on the same page. Thanks

7 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 26 Feb 2014, 12:26 PM
Hello Moomak,

This behavior is caused by the CSS flexboxes being used in the Kendo UI Mobile ScrollView. Please check the following example, showing how to add ListView with endless scrolling in a view with ScrollView:

http://jsbin.com/tahal/2/edit

Regards,
Kiril Nikolov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Moomak
Top achievements
Rank 1
answered on 26 Feb 2014, 02:12 PM
Thank you for your prompt reply. How about If we also would like to also include scrollview in the page scrolling flow?
0
Kiril Nikolov
Telerik team
answered on 27 Feb 2014, 09:25 AM
Hello Moomak,

I was not able to understand exactly what is your question. Do you want to include a ListView inside a ScrollView? Could you please elaborate a bit more?

Thank you very much for this.

Regards,
Kiril Nikolov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Moomak
Top achievements
Rank 1
answered on 27 Feb 2014, 12:07 PM
According to your JS BIN,http://jsbin.com/tahal/2/edit, the ScrollView is fixed at the top. We would like the ScrollView to be in the document flow. How can we do it? 
Thanks a bunch!
0
Kiril Nikolov
Telerik team
answered on 28 Feb 2014, 11:41 AM
Hi Moomak,

If I understand you correctly, you want to achieve the "facebook like" effect - scrolling vertically with ScrollViews scrolling horizontally. Please check the following example, showing a possible solution:

http://jsbin.com/tahal/3/edit

Regards,
Kiril Nikolov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Moomak
Top achievements
Rank 1
answered on 03 Mar 2014, 11:22 AM
If you could go to https://pojimojimall.bentoweb.com with your mobile phone, this is exactly what we would like to achieve with kendo mobile. We would like to have scrollview at the top banner area and at the bottom is listview with endless scroll capability 

http://jsbin.com/yegefade/1/edit - This link is the result of what we have tried. If you could scroll down to the very bottom part of the document, you can see that some of the last item can not be shown

Please suggest
0
Kiril Nikolov
Telerik team
answered on 04 Mar 2014, 08:29 AM
Hi Moomak,

You need to place each component in a separate scroller, so they can be correctly placed and work as expected. Check the updated example here:

http://jsbin.com/yegefade/6/edit

Regards,
Kiril Nikolov
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
Moomak
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Moomak
Top achievements
Rank 1
Share this question
or