Pinch & Zoom without KendoUI ?

8 posts, 0 answers
  1. BLE
    BLE avatar
    46 posts
    Member since:
    Sep 2012

    Posted 25 Apr 2013 Link to this post

    Is it possible to enable Pinch & Zoom functionality on a hybrid app without KendoUI?  I created a "Cross-platform Device Application (jQuery)" project and added the <meta name="viewport" content="initial-scale=1.0"> tag, but it still doesn't allow zoom on my Android Nexus 7 device.  I also tried $(document).bind('mobileinit', function(){ $.mobile.metaViewportContent = 'width=device-width'; }); without success.

    P.S. I also tried this approach with the (Blank) project template as well as these meta tag attempts (with no luck):
    <meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=2, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <meta name="viewport" content="width=device-width" />
    <meta name="viewport" content="initial-scale=1.0">

    P.P.S. I found this posting that may be relevant:
    http://stackoverflow.com/questions/13400380/how-to-enable-zoom-in-cordova-ios-app 
    http://hype.desk.com/customer/portal/questions/588156-scaling-to-fit-for-iphone-screen-in-phonegap-cordova-quick-and-easy
  2. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 26 Apr 2013 Link to this post

    Hi,

    As you have found out, we don't expose a way to set the EnableViewportScale at this time and we've noted your vote for it in the other thread.

    Please excuse us for the inconvenience.

    All the best,
    Steve
    the Telerik team

    Share feedback and vote for features on our Feedback Portal.
    Want some Kendo UI online training - head over to Kendo UI Dojo.
  3. Rob
    Rob avatar
    11 posts
    Member since:
    Apr 2013

    Posted 26 Apr 2013 Link to this post

    You may also want to take a look at iScroll (http://cubiq.org/iscroll-4).
  4. Rob
    Rob avatar
    11 posts
    Member since:
    Apr 2013

    Posted 26 Apr 2013 Link to this post

    You may also want to take a look at iScroll. Can't post a link here, but it's easy to find!
  5. BLE
    BLE avatar
    46 posts
    Member since:
    Sep 2012

    Posted 29 Apr 2013 Link to this post

    Thanks, Rob, for the tip but iScroll pinch & zoom didn't work for me in Icenium.
  6. BLE
    BLE avatar
    46 posts
    Member since:
    Sep 2012
  7. William
    William avatar
    7 posts
    Member since:
    Mar 2014

    Posted 10 Apr 2014 Link to this post

    Hi, I am using VS extension for AppBuilder and jquery mobile (JQM).

    I had tried using 
      $(document).bind("mobileinit", function(){
                $.mobile.metaViewportContent = "width=device-width, minimum-scale=1, maximum-scale=2, user-scalable=yes";
            });

    I know that KendoUI Mobile can pinch/zoom and has a sample app for it.

    So, please advise on how to pinch/zoom on JQM.
    Thanks in advance for all replies
  8. Kaloyan
    Admin
    Kaloyan avatar
    872 posts

    Posted 15 Apr 2014 Link to this post

    Hello William,

    Please, check the follow up in the link provided by BLE: this one
    I believe it is well explained there.

    Regards,
    Kaloyan
    Telerik
     

    Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!

     
Back to Top