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
Is there anyway to put Scroller view and endless scrolling on the same page. Thanks
7 Answers, 1 is accepted
0
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
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
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
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!
Thanks a bunch!
0
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
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
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
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
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!