24284 : iPad > The page does not fit to the screen in the Landscape mode.

unknown
1 parent 29913a17
Showing 3 changed files with 10 additions and 5 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/3dAController.js
400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js
400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
@@ -158,7 +158,7 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
                               parentSlug: '3d-anatomy-list',
                               content: '<div class="col-sm-12">' +
                                       '<object data="' + $scope.Selected3DImagePath + '" width="100%" height="800px" type="image/svg+xml"></object>' +
-                                      '</div>',
+                                      '</div><script>$(document).ready(function(){var $ua = navigator.userAgent; if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {var threeDivWidth = $("#ThreeDView").css("width");$("#ThreeDView").css({"left":"0px","width":"100%","min-idth": threeDivWidth}); var jspanelContainerWidth = $(".jsPanel-content").css("width"); $(".jsPanel-content").css({ "width": "100%", "min-width": jspanelContainerWidth}); $("#3DImagePanel").css("width", "100%"); }});</script>',
                               title: $rootScope.getLocalStorageValue("currentViewTitle"),
                               position: {
                                   top: 70,
@@ -175,7 +175,7 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
                          {
                              "module": $rootScope.currentActiveModuleTitle, "bodyView": tittle, "state": 'max', "BodyViewId": $rootScope.currentBodyViewId,
                              "slug": $rootScope.currentSlug
-                         });
+                         });zz
                       }
@@ -194,6 +194,8 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
     }
+          
+
 }]
@@ -618,7 +618,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
                               '<div class="col-sm-12 img-thumbnail" align="center">' +
                               '<img src="' + $scope.clickedCIImage + '" alt="" title="" class="img-responsive "><div class="col-sm-12 well img-subtitle">' +
                               '<div align="left" id="sid"><p>' + $scope.clickedCISummary + '</p></div><button id="btnTxtOnOff" class="btn btn-primary pull-right">Text Off</button>' +
-                              '<script>$(document).ready(function(){$("#btnTxtOnOff").click(function(){if($.trim($(this).text()) === "Text Off"){$(this).text("Text On");$("#sid").css("visibility","hidden");}else{$(this).text("Text Off");$("#sid").css("visibility","visible");}});});</script></div>' +
+                              '<script>$(document).ready(function(){  var $ua = navigator.userAgent;if(($ua.match(/(iPod|iPhone|iPad|android)/i))) { var jspanelContainerWidth = $(".jsPanel-content").css("width"); $(".jsPanel-content").css({ "width": "100%", "min-width": jspanelContainerWidth });$("#ciImagePanel").css("width", "100%"); }$("#btnTxtOnOff").click(function(){if($.trim($(this).text()) === "Text Off"){$(this).text("Text On");$("#sid").css("visibility","hidden");}else{$(this).text("Text Off");$("#sid").css("visibility","visible");}});});</script></div>' +
                               '</div></div>',
                               //ajax: {
                               //    url: 'app/views/ci/ci-view-detail.html'
@@ -742,9 +742,9 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
         }
     }
-}]
-
+  
+}]
 );
@@ -598,6 +598,9 @@ AIA.controller(&quot;DAController&quot;, [&quot;$scope&quot;, &quot;$rootScope&quot;, &quot;$compile&quot;, &quot;$http&quot;, &quot;$l
         //to get slider working on ipad
         var $ua = navigator.userAgent;
         if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
+            var jspanelContainerWidth = $(".jsPanel-content").css("width");
+            $(".jsPanel-content").css({ "width": "100%", "min-width": jspanelContainerWidth });
+            $("#daImagePanel").css("width", "100%");
             $("#layerChangeSlider").css("pointer-events", "auto");
             // on identity mode click
             $("#btnZoom").removeAttr("onclick");