examples/bootstrap4/popover.html

[roojs1] / examples / bootstrap4 / popover.html
diff --git a/examples/bootstrap4/popover.html b/examples/bootstrap4/popover.html

index 735ffd3..56ccb13 100644 (file)
--- a/examples/bootstrap4/popover.html
+++ b/examples/bootstrap4/popover.html
@@ -27,25 +27,36 @@
    <body id="body">
    
      <div id="right-test"
-         style="width: 100px;height: 100px;display: block;background-color: red;position: relative;left: 100px;top: 100px;"></div>
+         style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 100px;top: 100px;"></div>
      
       <div id="right-move-test"
-         style="width: 100px;height: 100px;display: block;background-color: red;position: relative;left: 100px;top: 600px;"></div>
+         style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 100px;top: 600px;"></div>
       
       <div id="left-flip-test"
-         style="width: 100px;height: 100px;display: block;background-color: red;position: relative;left: 100px;top: 400px;"></div>
+         style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 100px;top: 400px;"></div>
      
        <div id="below-test"
-         style="width: 100px;height: 100px;display: block;background-color: red;position: relative;left: 400px;top: 100px;"></div>
+         style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 400px;top: 100px;"></div>
        
        <div id="below-bad-test"
-         style="width: 100px;height: 100px;display: block;background-color: red;position: relative;left: 400px;top: 500px;"></div>
+         style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 400px;top: 500px;"></div>
      
       <div id="above-bad-test"
-         style="width: 100px;height: 100px;display: block;background-color: red;position: relative;left: 400px;top: 100px;"></div>
+         style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 400px;top: 100px;"></div>
      
       <div id="above-test"
-         style="width: 100px;height: 100px;display: block;background-color: red;position: relative;left: 400px;top: 500px;"></div>
+         style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 400px;top: 500px;"></div>
+    
+    
+    <div id="left-test"
+         style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 1000px;top: 100px;"></div>
+    
+     <div id="left-move-test"
+         style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 1000px;top: 600px;"></div>
+     
+     <div id="right-flip-test"
+         style="width: 100px;height: 100px;display: block;background-color: red;position: absolute;left: 1000px;top: 400px;"></div>
+    
      
    </body>
      <script type="text/javascript">
@@ -63,15 +74,15 @@
            });
            
            Roo.get('left-test').on('click', function(e) {
-            Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'right');
+            Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'left');
            });
            
            Roo.get('left-move-test').on('click', function(e) {
-            Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'right');
+            Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'left');
            });
            
            Roo.get('right-flip-test').on('click', function(e) {
-            Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'left');
+            Pman.Popover.FileTest.show({} , false, Roo.get(e.getTarget()), 'right');
            });