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

Pinch/Zoom in ListView

3 Answers 101 Views
ListView
This is a migrated thread and some comments may be shown as answers.
Troy Clemons
Top achievements
Rank 1
Troy Clemons asked on 27 Aug 2014, 01:12 PM
is there a way to make Pinch/Zoom enabled in a listview, and the zooming stays inside the listview and not the whole page.

3 Answers, 1 is accepted

Sort by
0
Accepted
Petyo
Telerik team
answered on 29 Aug 2014, 06:55 AM
Hello Troy,

Yes, it is possible - you can wrap the listview a in a scroller widget with pinch/zoom enabled. You may also want to enable the data-stretch property of the containing view to disable the outer scroller, 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
Troy Clemons
Top achievements
Rank 1
answered on 29 Aug 2014, 11:55 AM
by pinch/zoom you mean data-zoom="true"
0
Troy Clemons
Top achievements
Rank 1
answered on 29 Aug 2014, 12:02 PM
Works like a charm. Thank you

added data-stretch="true" to the main view.

then did this to my listview and pager
‚Äč
<div data-role="scroller" class="scroller-content" data-zoom="true">
    <div id="viewList" style="width: 98%; margin-right: 35px;"></div>
    <div id="viewpager" class="k-pager-wrap" style="width: 98%; margin-right: 35px;"></div>
</div>
Tags
ListView
Asked by
Troy Clemons
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Troy Clemons
Top achievements
Rank 1
Share this question
or