6 Replies Latest reply on Aug 2, 2016 10:24 AM by surajpindoria

    How to enable pinch-to-zoom functionality in Phonegap sample application created using Phonegap Desktop

    prasannae40715669 Level 1

      I want pinch-to-zoom functionality for the sample application created using the Phonegap Desktop - Step 3: Create Your App | PhoneGap Docs . I want the entire user interface (entire app) to get zoomed in and zoomed out. I have already tried few things for enabling zoom, which includes


      i) By Modifying Meta Tag

      <meta name="viewport" content="user-scalable=yes,  initial-scale=1, minimum-scale=1, width=device-width" />

      <meta name="viewport" content="user-scalable=enabled,  initial-scale=1, minimum-scale=1, width=device-width" />

      <meta name="viewport" content="user-scalable=1,  initial-scale=1, minimum-scale=1, width=device-width" />


      ii) By adding Android zoom settings




      webView.getSettings().DisplayZoomControls = true;


      iii)Various Javascript libraries and plugins

      Hammer.js - Hammer.JS - Hammer.js

      ZoomControl - Adobe PhoneGap Build


      So, please provide solutions apart from this. Also if you try to enable the pinch-to-zoom functionality in the sample application Step 3: Create Your App | PhoneGap Docs , please send me the link for source code. Thanks in advance.