diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
index f0eedb2..3fc98bf 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
@@ -597,12 +597,69 @@ AIA.controller("DAController", ["$scope", "$rootScope", "$compile", "$http", "$l
 
         //to get slider working on ipad
         var $ua = navigator.userAgent;
-        
         if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
-        
-              $("#layerChangeSlider").css("pointer-events", "auto");
-        
-         }
+            $("#layerChangeSlider").css("pointer-events", "auto");
+            // on identity mode click
+            $("#btnZoom").removeAttr("onclick");
+            $("#btnZoom").on("touchstart", function () {
+                if ($(".btn-annotation").hasClass("activebtncolor")) //Bug #14928
+                    $(".btn-annotation").removeClass("activebtncolor");
+                //Dissectible Anatomy > Extract and Annotations displays apart on the page after click on Zoom-in.
+                $(".com").remove();
+                $("#bord").remove();
+                console.log('OnZoom is called outside ');
+                var scope = angular.element(document.getElementById("daView")).scope();
+                scope.$apply(function () {
+                    scope.enableZoom();
+                });
+            });
+            // on transparency mode click
+            $("#btnTranparency").removeAttr("onclick");
+            $("#btnTranparency").on("touchstart", function () {
+                console.log('OnEnableExtract is called outside ');
+                var scope = angular.element(document.getElementById("daView")).scope();
+                scope.$apply(function () {
+                    scope.createTransparencyBox('true');
+                });
+            });
+            // on normal mode click
+            $("#btnNormalMode").removeAttr("onclick");
+            $("#btnNormalMode").on("touchstart", function () {
+                console.log('OnEnableNormalMode is called outside ');
+                $("#btnTranparency").removeClass("disabled");
+                var scope = angular.element(document.getElementById("daView")).scope();
+                scope.$apply(function () {
+                    scope.enableNormalMode();
+                });
+            });
+            // on extract mode click
+            $("#btnExtract").removeAttr("onclick");
+            $("#btnExtract").on("touchstart", function () {
+                console.log('OnEnableExtract is called outside ');
+                var scope = angular.element(document.getElementById("daView")).scope();
+                scope.$apply(function () {
+                    scope.enableExtract('true');
+                });
+            });
+            // on highlight mode click
+            $("#btnHighLight").removeAttr("onclick");
+            $("#btnHighLight").on("touchstart", function () {
+                console.log('OnEnableHighlight is called outside ');
+                var scope = angular.element(document.getElementById("daView")).scope();
+                scope.$apply(function () {
+                    scope.enableHighlight();
+                });
+            });
+            // on show/hide mode click
+            $("#btnStrutureBox").removeAttr("onclick");
+            $("#btnStrutureBox").on("touchstart", function () {
+                console.log('OnBodySystem chnaged is called outside ');
+                var scope = angular.element(document.getElementById("daView")).scope();
+                scope.$apply(function () {
+                    scope.enableShowHideStructureBox();
+                });
+            });
+        }
 
         $(document).on("click", "#daImagePanel .jsPanel-hdr .jsPanel-hdr-r .jsPanel-btn-close .jsglyph-remove", function () {
             $rootScope.selectedBodySystemName = 'All';