Pinch/Zoom in ListView

4 posts, 1 answers
  1. Troy Clemons
    Troy Clemons avatar
    69 posts
    Member since:
    Apr 2010

    Posted 27 Aug 2014 Link to this post

    is there a way to make Pinch/Zoom enabled in a listview, and the zooming stays inside the listview and not the whole page.
  2. Answer
    Petyo
    Admin
    Petyo avatar
    2438 posts

    Posted 29 Aug 2014 Link to this post

    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!
     
  3. Kendo UI is VS 2017 Ready
  4. Troy Clemons
    Troy Clemons avatar
    69 posts
    Member since:
    Apr 2010

    Posted 29 Aug 2014 in reply to Petyo Link to this post

    by pinch/zoom you mean data-zoom="true"
  5. Troy Clemons
    Troy Clemons avatar
    69 posts
    Member since:
    Apr 2010

    Posted 29 Aug 2014 Link to this post

    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>
Back to Top
Kendo UI is VS 2017 Ready