4 <title>Bootstrap 101 Template</title>
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 <link rel="stylesheet" href="../../css-bootstrap4/sb-admin-2.min.css">
9 <link rel="stylesheet" href="../../css-bootstrap4/roojs-bootstrap.css">
10 <link rel="stylesheet" href="../../fonts/font-awesome.css">
16 <script type="text/javascript" src="../../roojs-core-debug.js"></script>
17 <script type="text/javascript" src="../../roojs-bootstrap-debug.js"></script>
18 <script type="text/javascript" src="../../Roo/bootstrap/Popover.js"></script>
20 <script type="text/javascript">
24 <script type="text/javascript" src="../bootstrap/popover.js"></script>
30 style="width: 100px;height: 100px;display: block;background-color: red;position: relative;left: 133px;top: 400px;"></div>
33 style="width: 100px;height: 100px;display: block;background-color: red;position: relative;left: 500px;top: 300px;"></div>
38 <script type="text/javascript">
39 Roo.onReady(function() {
40 Roo.get('right-test').on('click', function(e) {
41 var el = Roo.get(e.getTarget());
42 el._align = ['tl-tr?', [10,0], 'right bs-popover-right'];
43 Pman.Popover.FileTest.show({ _el : el });
45 Roo.get('below-test').on('click', function(e) {
46 var el = Roo.get(e.getTarget());
47 el._align = ['t-b?', [0,10], 'bottom bs-popover-bottom'];
48 Pman.Popover.FileTest.show({ _el : el });
52 //Pman.Popover.FileTest.show({ });
53 //Roo.get("bootstrap-body").on('click', function() { Pman.Popover.FileTest.show({ _el : Roo.get("bootstrap-body") }); })