Whenever you have multiple list views which have the pull to refresh functionality turned on within the same view, you get multiple displays of the pull to refresh text and icon when you pull the list for refresh. I've demonstrated this in this jsFiddle. I took the Telerik demo for Button Group and simply added pull to refresh to each of the list views.
This problem has been around for a long while, and still exists in the Q1'14 release.
This problem has been around for a long while, and still exists in the Q1'14 release.
6 Answers, 1 is accepted
0
Accepted
Hello Jay,
In case more widgets are needed in the view in question, the listview should be wrapped in a mobile scroller container, you can read more about it here:
http://docs.telerik.com/kendo-ui/getting-started/mobile/listview#press-to-load-more-/-endless-scrolling
I have updated your example in the following jsFiddle, and it seems to be working correctly. Please check it out and let me know if this helped:
http://jsfiddle.net/5PhrT/3/
Regards,
Kiril Nikolov
Telerik
In case more widgets are needed in the view in question, the listview should be wrapped in a mobile scroller container, you can read more about it here:
http://docs.telerik.com/kendo-ui/getting-started/mobile/listview#press-to-load-more-/-endless-scrolling
I have updated your example in the following jsFiddle, and it seems to be working correctly. Please check it out and let me know if this helped:
http://jsfiddle.net/5PhrT/3/
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
Jay
Top achievements
Rank 2
Rank 2
answered on 24 Mar 2014, 07:42 PM
Thanks for your quick reply. That was in fact exactly what I needed! :)
0
Jay
Top achievements
Rank 2
Rank 2
answered on 24 Mar 2014, 11:45 PM
Aparently, I spoke too soon. While the pull to refresh functionality is fixed via your solution... I am no longer able to scroll the list. I have updated the jsFiddle to illustrate what I mean. You can pull to refresh, but you can not scroll to the bottom of the list.
Can you help?
Can you help?
0
Accepted
Hello Jay,
The problem comes from the fact that when height is not set for the scroller wrapping the ListView, the widget cannot calculate the size of the items correctly and last items are being cut of. In this case you will also need to hide the scrollers on click of the buttons and not the ListView, so they can be positioned correctly. Please check the updated example:
http://jsbin.com/luzakima/1/edit
Regards,
Kiril Nikolov
Telerik
The problem comes from the fact that when height is not set for the scroller wrapping the ListView, the widget cannot calculate the size of the items correctly and last items are being cut of. In this case you will also need to hide the scrollers on click of the buttons and not the ListView, so they can be positioned correctly. Please check the updated example:
http://jsbin.com/luzakima/1/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
Jay
Top achievements
Rank 2
Rank 2
answered on 26 Mar 2014, 04:30 PM
Hmm, ok. I see what you are saying, and I am able to make it work that way. I'd really rather not have to set the height, especially when it's embedded as a view in a layout. I would prefer that the framework take care of that for me. So, I submit that as a request.
Until then, I was able to get it working, thanks!
Until then, I was able to get it working, thanks!
0
Accepted
Hi Jay,
I am glad it helped.
In case you have any further questions, please do not hesitate to contact us.
Regards,
Kiril Nikolov
Telerik
I am glad it helped.
In case you have any further questions, please do not hesitate to contact us.
Regards,
Kiril Nikolov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!