Hi,

I need to implement zoom in/out image which is placed in the panel inside a tab panel. am using sencha touch 1.1 framework. I have tried the following code which is not working for the images which are placed inside a tabpanel
Code:
graph.add({
title: 'Graph',
html: '<img alt="loading graph" width="100%" style="padding:10px 10px 10px 10px;" src="chart.png"></img><br />'
});

graph.doLayout();

graph.body.select('img').on({
pinchstart: function(e, t){
this.startScale = this.scale;
},

pinch: function(e, t){
this.scale = e.scale * this.startScale;
t.style.webkitTransform = 'scale(' + this.scale + ')';
},

scope: {
scale: 1
}
Pls help me with the sample code which can be used for zoom in/out in pinch event.

Thanks