Worked on Zooming feature,when its zoom at 200% and user drags n drops new shapes it shud be at 200%

workflow/engine/templates/bpmn/Annotation.js

@@ -1,10 +1,16 @@
 bpmnAnnotation = function (_30ab ) {
     VectorFigure.call(this);
-    if(typeof _30ab.anno_width != 'undefined' && typeof _30ab.anno_height != 'undefined')
+   //Getting width and height from DB
+   if(typeof _30ab.anno_width != 'undefined' && typeof _30ab.anno_height != 'undefined')
         this.setDimension(_30ab.anno_width, _30ab.anno_height);
-    else
+   else
-    this.setDimension(110, 60);
+        this.setDimension(110, 60);
-    this.setAnnotationName(_30ab.annotationName); //It will set the Default Task Name with appropriate count While dragging a task on the canvas
+
+   //Setting width and height values as per the zoom ratio
+   if(typeof workflow.zoomAnnotationWidth != 'undefined' || typeof workflow.zoomAnnotationHeight != 'undefined')
+        this.setDimension(workflow.zoomAnnotationWidth, workflow.zoomAnnotationHeight);
+
+   this.setAnnotationName(_30ab.annotationName); //It will set the Default Task Name with appropriate count While dragging a task on the canvas
 };
 
 bpmnAnnotation.prototype = new VectorFigure;
@@ -82,7 +88,14 @@ bpmnAnnotation.prototype.paint = function () {
     var padtop = 0.18*this.getHeight();
     var rectwidth = this.getWidth() - padleft;
     var rectheight = this.getHeight() - 2*padtop;
-    this.bpmnText.setFont('verdana', '11px', Font.PLAIN);
+
+    //Setting text size to zoom font size if Zoomed
+    if(typeof workflow.zoomAnnotationTextSize != 'undefined')
+        var fontSize = workflow.zoomAnnotationTextSize;
+    else
+        fontSize = '11px';
+
+    this.bpmnText.setFont('verdana', fontSize, Font.PLAIN);
     this.bpmnText.drawStringAnno(this.annotationName,0,padtop,rectwidth,rectheight,'left');
     //bpmnText.drawStringRect(this.taskName,this.getWidth()/2-20,this.getHeight()/2-11,200,'left');
     //tempcoord = this.coord_converter(this.getWidth(), this.getHeight(), this.taskName.length);

workflow/engine/templates/bpmn/EventBoundaryTimerInter.js

@@ -1,6 +1,10 @@
 bpmnEventBoundaryTimerInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+      this.setDimension(30,30);
 this.stroke = 2;
 };
 bpmnEventBoundaryTimerInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventCancelEnd.js

@@ -1,6 +1,10 @@
 bpmnEventCancelEnd=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=3;
 };
 bpmnEventCancelEnd.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventCancelInter.js

@@ -1,6 +1,10 @@
 bpmnEventCancelInter=function(){
 VectorFigure.call(this);
-this.setDimension(45,45);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(45,45);
 this.stroke=2;
 };
 bpmnEventCancelInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventCompEnd.js

@@ -1,6 +1,10 @@
 bpmnEventCompEnd=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=3
 };
 bpmnEventCompEnd.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventCompInter.js

@@ -1,6 +1,10 @@
 bpmnEventCompInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2
 };
 bpmnEventCompInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventEmptyEnd.js

@@ -1,6 +1,10 @@
 bpmnEventEmptyEnd=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=3;
 };
 bpmnEventEmptyEnd.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventEmptyInter.js

@@ -1,6 +1,10 @@
 bpmnEventEmptyInter=function(width,_30ab){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventEmptyInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventEmptyStart.js

@@ -1,6 +1,10 @@
 bpmnEventEmptyStart=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventEmptyStart.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventEndSignal.js

@@ -1,6 +1,10 @@
 bpmnEventEndSignal=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventEndSignal.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventErrorEnd.js

@@ -1,6 +1,10 @@
 bpmnEventErrorEnd=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=4;
 };
 bpmnEventErrorEnd.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventErrorInter.js

@@ -1,6 +1,10 @@
 bpmnEventErrorInter=function(){
 VectorFigure.call(this);
-this.setDimension(45,45);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(45,45);
 this.stroke=2;
 };
 bpmnEventErrorInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventInterSignal.js

@@ -1,6 +1,10 @@
 bpmnEventInterSignal=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventInterSignal.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventLinkEnd.js

@@ -1,6 +1,10 @@
 bpmnEventLinkEnd=function(){
 VectorFigure.call(this);
-this.setDimension(45,45);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(45,45);
 this.stroke=3;
 };
 bpmnEventLinkEnd.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventLinkInter.js

@@ -1,6 +1,10 @@
 bpmnEventLinkInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventLinkInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventLinkStart.js

@@ -1,6 +1,10 @@
 bpmnEventLinkStart=function(){
 VectorFigure.call(this);
-this.setDimension(45,45);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(45,45);
 this.stroke=2
 };
 bpmnEventLinkStart.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventMessageEnd.js

@@ -1,6 +1,10 @@
 bpmnEventMessageEnd=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke = 3;
 };
 bpmnEventMessageEnd.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventMessageInter.js

@@ -1,6 +1,10 @@
 bpmnEventMessageInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventMessageInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventMessageRecInter.js

@@ -1,6 +1,10 @@
 bpmnEventMessageRecInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventMessageRecInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventMessageSendInter.js

@@ -1,6 +1,10 @@
 bpmnEventMessageSendInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventMessageSendInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventMessageStart.js

@@ -1,6 +1,10 @@
 bpmnEventMessageStart=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke = 3;
 };
 bpmnEventMessageStart.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventMulStart.js

@@ -1,6 +1,10 @@
 bpmnEventMulStart=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke= 2;
 };
 bpmnEventMulStart.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventMultipleEnd.js

@@ -1,6 +1,10 @@
 bpmnEventMultipleEnd=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventMultipleEnd.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventMultipleInter.js

@@ -1,6 +1,10 @@
 bpmnEventMultipleInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2
 };
 bpmnEventMultipleInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventRuleInter.js

@@ -1,6 +1,10 @@
 bpmnEventRuleInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke = 2;
 };
 bpmnEventRuleInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventRuleStart.js

@@ -1,6 +1,10 @@
 bpmnEventRuleStart=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke = 2;
 };
 bpmnEventRuleStart.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventSignalStart.js

@@ -1,6 +1,10 @@
 bpmnEventSignalStart=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventSignalStart.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventTerminateEnd.js

@@ -1,6 +1,10 @@
 bpmnEventTerminate=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke=2;
 };
 bpmnEventTerminate.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventTimerInter.js

@@ -1,6 +1,10 @@
 bpmnEventTimerInter=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke = 2;
 };
 bpmnEventTimerInter.prototype=new VectorFigure;

workflow/engine/templates/bpmn/EventTimerStart.js

@@ -1,6 +1,10 @@
 bpmnEventTimerStart=function(){
 VectorFigure.call(this);
-this.setDimension(30,30);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth, workflow.zoomHeight);
+else
+    this.setDimension(30,30);
 this.stroke = 2;
 };
 bpmnEventTimerStart.prototype=new VectorFigure;

workflow/engine/templates/bpmn/GatewayComplex.js

@@ -1,6 +1,10 @@
 bpmnGatewayComplex=function(width,_30ab){
 VectorFigure.call(this);
-this.setDimension(40,40);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth+10, workflow.zoomHeight+10);
+else
+    this.setDimension(40,40);
 this.stroke=2;
 };
 bpmnGatewayComplex.prototype=new VectorFigure;

workflow/engine/templates/bpmn/GatewayExclusiveData.js

@@ -1,7 +1,11 @@
 bpmnGatewayExclusiveData=function(width,_30ab){
 VectorFigure.call(this);
 this.stroke =2;
-this.setDimension(40,40);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth+10, workflow.zoomHeight+10);
+else
+    this.setDimension(40,40);
 };
 bpmnGatewayExclusiveData.prototype=new VectorFigure;
 bpmnGatewayExclusiveData.prototype.type="bpmnGatewayExclusiveData";

workflow/engine/templates/bpmn/GatewayExclusiveEvent.js

@@ -1,6 +1,10 @@
 bpmnGatewayExclusiveEvent=function(width,_30ab){
 VectorFigure.call(this);
-this.setDimension(40,40);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth+10, workflow.zoomHeight+10);
+else
+    this.setDimension(40,40);
 this.stroke=2;
 };
 bpmnGatewayExclusiveEvent.prototype=new VectorFigure;

workflow/engine/templates/bpmn/GatewayInclusive.js

@@ -1,6 +1,10 @@
 bpmnGatewayInclusive=function(width,_30ab){
 VectorFigure.call(this);
-this.setDimension(40,40);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth+10, workflow.zoomHeight+10);
+else
+    this.setDimension(40,40);
 };
 bpmnGatewayInclusive.prototype=new VectorFigure;
 bpmnGatewayInclusive.prototype.type="bpmnGatewayInclusive";

workflow/engine/templates/bpmn/GatewayParallel.js

@@ -1,6 +1,10 @@
 bpmnGatewayParallel=function(width,_30ab){
 VectorFigure.call(this);
-this.setDimension(40,40);
+//Setting width and height values as per the zoom ratio
+if(typeof workflow.zoomWidth != 'undefined' || typeof workflow.zoomHeight != 'undefined')
+      this.setDimension(workflow.zoomWidth+10, workflow.zoomHeight+10);
+else
+    this.setDimension(40,40);
 };
 bpmnGatewayParallel.prototype=new VectorFigure;
 bpmnGatewayParallel.prototype.type="bpmnGatewayParallel";

workflow/engine/templates/bpmn/MyWorkflow.js

@@ -2128,7 +2128,7 @@ MyWorkflow.prototype.zoom = function(sType)
 {
    var figures = workflow.getDocument().getFigures();
 
-    var lines=workflow.getLines();
+   var lines=workflow.getLines();
    var size=lines.getSize();
    for(var i=0;i<size;i++){
        var startX = lines.data[i].startX;
@@ -2172,11 +2172,22 @@ MyWorkflow.prototype.zoom = function(sType)
           {
               width  += 5;
               height += 5;
+              workflow.zoomWidth  = width;
+              workflow.zoomHeight = height;
+          }
+        else if(fig.type.match(/Annotation/))
+          {
+             width  += 20;
+             height += 20;
+             workflow.zoomAnnotationWidth  = width;
+             workflow.zoomAnnotationHeight = height;
           }
         else
           {
              width  += 20;
              height += 20;
+             workflow.zoomTaskWidth  = width;
+             workflow.zoomTaskHeight = height;
           }
      }
     else
@@ -2185,15 +2196,26 @@ MyWorkflow.prototype.zoom = function(sType)
           {
               width  -= 5;
               height -= 5;
+              workflow.zoomWidth  = width;
+              workflow.zoomHeight = height;
+          }
+        else if(fig.type.match(/Annotation/))
+          {
+             width  -= 20;
+             height -= 20;
+             workflow.zoomAnnotationWidth  = width;
+             workflow.zoomAnnotationHeight = height;
           }
         else
           {
              width  -= 20;
              height -= 20;
+             workflow.zoomTaskWidth  = width;
+             workflow.zoomTaskHeight = height;
           }
      }
 
-     
+
 
    if(sType == 'in' && fig.type != 'bpmnAnnotation')
        {
@@ -2235,7 +2257,7 @@ MyWorkflow.prototype.zoom = function(sType)
         //Setting font minimum limit
         if(fig.size < 11)
             fig.size = 11;
-
+        workflow.zoomTaskTextSize = fig.size;
         eval("fig.bpmnText.setFont('verdana','"+fig.size+"px', Font.PLAIN)");
         fig.bpmnText.drawStringRect(fig.taskName, padleft, padtop, fig.rectWidth, rectheight, 'center');
         fig.bpmnText.paint();
@@ -2269,6 +2291,7 @@ MyWorkflow.prototype.zoom = function(sType)
           if(fig.size < 11)
             fig.size = 11;
 
+          workflow.zoomAnnotationTextSize = fig.size;
           eval("fig.bpmnText.setFont('verdana','"+fig.size+"px', Font.PLAIN)");
           fig.bpmnText.drawStringRect(text,20,20,fig.rectWidth,'left');
           fig.bpmnText.paint();

workflow/engine/templates/bpmn/ProcessMapContext.js

@@ -324,7 +324,7 @@ ProcessMapContext.prototype.processPermission= function()
             { name: 'OP_CASE_STATUS',type: 'string'}
         ]);
 
-var PermissionStore = new Ext.data.JsonStore({
+  var PermissionStore = new Ext.data.JsonStore({
             root         : 'data',
             totalProperty: 'totalCount',
             idProperty   : 'gridIndex',
@@ -2111,7 +2111,8 @@ ProcessMapContext.prototype.ExtVariables = function()
                                                    getObjectGridRow.colModel.config[3].editor.setValue(rowLabel);
                                                //Assigning / updating Condition for a row
                                                else
-                                                   getObjectGridRow[0].set(FieldSelected,rowLabel);
+                                                       getObjectGridRow[0].set(FieldSelected,rowLabel);
+
                                                    if(FieldSelected=='CTO_CONDITION')
                                                        {
                                                    Ext.Ajax.request({
@@ -2347,4 +2348,4 @@ ProcessMapContext.prototype.ExtVariables = function()
         items: [varForm]
   });
     window.show();
-}
+}

workflow/engine/templates/bpmn/SubProcess.js

@@ -1,6 +1,10 @@
 bpmnSubProcess = function (_30ab) {
     VectorFigure.call(this);
-    this.setDimension(165, 50);
+    //Setting width and height values as per the zoom ratio
+    if(typeof workflow.zoomTaskWidth != 'undefined' || typeof workflow.zoomTaskHeight != 'undefined')
+          this.setDimension(workflow.zoomTaskWidth, workflow.zoomTaskHeight);
+    else
+        this.setDimension(165, 50);
     this.subProcessName = _30ab.subProcessName; //It will set the Default Task Name with appropriate count While dragging a task on the canvas
 };
 

workflow/engine/templates/bpmn/bpmnShapes.js

@@ -5,10 +5,16 @@ bpmnTask = function (_30ab) {
    {
       this.boundaryEvent = _30ab.boundaryEvent;
    }
+   //Getting width and height from DB
    if(typeof _30ab.task_width != 'undefined' && typeof _30ab.task_height != 'undefined')
         this.setDimension(_30ab.task_width, _30ab.task_height);
-    else
+   else
-    this.setDimension(165, 40);
+        this.setDimension(165, 40);
+
+   //Setting width and height values as per the zoom ratio
+   if(typeof workflow.zoomTaskWidth != 'undefined' || typeof workflow.zoomTaskHeight != 'undefined')
+        this.setDimension(workflow.zoomTaskWidth, workflow.zoomTaskHeight);
+
 
     this.taskName = _30ab.taskName; //It will set the Default Task Name with appropriate count While dragging a task on the canvas
 };
@@ -99,7 +105,14 @@ bpmnTask.prototype.paint = function () {
     }
 
     var rectheight = this.getHeight() - padtop -7;
-    this.bpmnText.setFont('verdana', '11px', Font.PLAIN);
+
+    //Setting text size to zoom font size if Zoomed
+//    if(typeof workflow.zoomTaskTextSize != 'undefined')
+//        var fontSize = workflow.zoomTaskTextSize;
+//    else
+        var fontSize = 11;
+
+    this.bpmnText.setFont('verdana', +fontSize+'px', Font.PLAIN);
     this.bpmnText.drawStringRect(this.taskName, padleft, padtop, this.rectWidth, rectheight, 'center');
     // tempcoord = this.coord_converter(this.getWidth(), this.getHeight(), this.taskName.length);
     //  bpmnText.drawTextString(this.taskName, this.getWidth(), this.getHeight(), tempcoord.temp_x, tempcoord.temp_y);