26655 : iPad and Tablet > DA > Unable to move the body view image in the below scenario.

unknown
1 parent 70339905
Showing 1 changed file with 9 additions and 3 deletions
400-SOURCECODE/AIAHTML5.Web/app/views/da/da-view.html
@@ -288,11 +288,11 @@
                         </button>
                     </div>
                     <div class="btn-group open" id="da-body-nav">
-                        <button type="button" style="padding:0px 0px 10px 1px !important;background-color:rgba(255,255,255,0.0); border:none;" class="btn btn-primary dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+                        <button type="button" style="padding:0px 0px 10px 1px !important;background-color:rgba(255,255,255,0.0); border:none;" class="btn btn-primary dropdown-toggle btn-sm" id="navigatorBtn">
                             <img src="~/../content/images/DA/navigator-view.png" style="height:30px; width:50px" />
                         </button>
  
-                        <div class="dropdown-menu active" id="navigatorDiv" style="min-height: initial; min-width: initial; ">
+                        <div class="dropdown-menu" id="navigatorDiv" style="min-height: initial; min-width: initial; ">
                             <div id="containment-wrapper" align="center" style="min-width: initial; height: 119px; ">
                                 <img id="navimg" alt="" />
                                 <div id="draggable" class="draggable ui-widget-content dragdivposition" ng-mouseup="ScrollCanvasDiv()">
@@ -431,7 +431,13 @@
 </div>
 <!--<script src="../../../libs/jquery/1.11.4/jquery-ui.js"></script>-->
 <script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>
-
+<script>
+    $(document).ready(function () {
+        $("#navigatorBtn").on('click', function () {
+            $("#navigatorDiv").toggle();
+        });
+    });
+</script>
 <script>
     $(window).load(function () {
         $(".stickey-area").sticky();