Results 1 to 4 of 4

Thread: Pinch to Zoom

  1. #1
    Ext User tobinharris's Avatar
    Join Date
    Apr 2008
    Leeds, UK

    Default Pinch to Zoom

    Hi folks

    I'm wanting to implement pinch to zoom using Sencha Touch.

    As an example, if you take the Solitaire demo app and imagine that the user can pinch to zoom in or out on the board, and then swipe to move around it vertically and horizontally. Any initial hints as to how would you do that?

    The simplest goal is that the elements scale up/down as the user pinches either way. Taking the idea a step further, I'd like my view to update itself to show more details depending on how zoomed in you are.

    My starting point is to play with the CSS scale factor, but any pointers welcome.

    Leeds, UK
    Co-author of NHibernate in Action
    Likes iPhone, iPad, HTML5, .NET and Ruby on Rails

    Developer and Founder at

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Haarlem, Netherlands


    Yeah, the CSS scale property is the first thing that comes to mind.

  3. #3


    Tommy, is there a way to reenable the native browser pinch zoom behavior for certain aspects of the app, such as a card that displays an article, without faking it via CSS?

  4. #4
    Sencha User
    Join Date
    Jul 2011


    I'd like to achieve the same feature: is there a way to easly implement a pinch to zoom ( let's say a Panel with text)?

    The best would be to get back the native browser behaviour.


    Last edited by giupo; 19 Jul 2011 at 4:16 AM. Reason: Typo

Similar Threads

  1. Example touch events: tap, tapstart, tapmove, doubletab, drag and pinch
    By mrsunshine in forum Sencha Touch 1.x: Examples and Showcases
    Replies: 8
    Last Post: 21 Aug 2012, 2:51 AM
  2. how to include pinch in a Carousel ?
    By ludm in forum Sencha Touch 1.x: Discussion
    Replies: 9
    Last Post: 16 Jan 2012, 5:21 AM
  3. Page Zoom
    By originative in forum Community Discussion
    Replies: 9
    Last Post: 17 Mar 2009, 1:58 PM
  4. what does {...;zoom:1;...} do at ext-all.ccs
    By mxu in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 5 Feb 2008, 1:20 AM
  5. Zoom In/Zoom Out Animation Comments Tutorial and/or Samples
    By Bobafart in forum Ext 1.x: Help & Discussion
    Replies: 2
    Last Post: 29 Dec 2006, 5:36 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts