From 86944d55af320e00f24211871b3c5a4152e2f318 Mon Sep 17 00:00:00 2001
From: Alan Knowles <alan@roojs.com>
Date: Thu, 28 Jan 2021 16:57:40 +0800
Subject: [PATCH] examples/bootstrap/popover.js

---
 examples/bootstrap/popover.js | 98 +++++++++++++++++++++--------------
 1 file changed, 60 insertions(+), 38 deletions(-)

diff --git a/examples/bootstrap/popover.js b/examples/bootstrap/popover.js
index 1953258238..b35c153437 100644
--- a/examples/bootstrap/popover.js
+++ b/examples/bootstrap/popover.js
@@ -10,7 +10,7 @@ Roo.apply(Pman.Popover.FileTest.prototype, {
  _strings : {
   '897356954c2cd3d41b221e3f24f99bba' :"Key",
   '689202409e48743b914713f96d93947c' :"Value",
-  '53290b1ff9190e3b40183b207b1fe818' :"File Details"
+  '5a105e8b9d40e1329780d62ea2265d8a' :"test1"
  },
 
  dialog : false,
@@ -38,52 +38,74 @@ Roo.apply(Pman.Popover.FileTest.prototype, {
   var _this = this;
   this.dialog = Roo.factory({
     xtype : 'Popover',
-     placement : 'right',
-     modal : true,
-     cls : 'p-0',
+    modal : true,
+    placement : 'right',
+    style : 'width:500px',
     xns : Roo.bootstrap,
     '|xns' : 'Roo.bootstrap',
     items  : [
      {
-      xtype : 'Card',
-      header : _this._strings['53290b1ff9190e3b40183b207b1fe818'] /* File Details */,
+      xtype : 'Table',
+      width : 500,
+      xns : Roo.bootstrap,
+      '|xns' : 'Roo.bootstrap',
+      store : {
+       xtype : 'Store',
+       xns : Roo.data,
+       '|xns' : 'Roo.data',
+       proxy : {
+        xtype : 'HttpProxy',
+        url : rootURL + '/Roo/Files_keytypes',
+        xns : Roo.data,
+        '|xns' : 'Roo.data'
+       },
+       reader : {
+        xtype : 'JsonReader',
+        xns : Roo.data,
+        '|xns' : 'Roo.data'
+       }
+      },
+      cm : [
+       {
+        xtype : 'ColumnModel',
+        header : _this._strings['897356954c2cd3d41b221e3f24f99bba'] /* Key */,
+        xns : Roo.grid,
+        '|xns' : 'Roo.grid'
+       },
+       {
+        xtype : 'ColumnModel',
+        header : _this._strings['689202409e48743b914713f96d93947c'] /* Value */,
+        xns : Roo.grid,
+        '|xns' : 'Roo.grid'
+       }
+      ]
+     },
+     {
+      xtype : 'PopoverNav',
+      style : 'width:500px',
+      type : 'pills',
       xns : Roo.bootstrap,
       '|xns' : 'Roo.bootstrap',
       items  : [
        {
-        xtype : 'Table',
+        xtype : 'NavItem',
+        html : _this._strings['5a105e8b9d40e1329780d62ea2265d8a'] /* test1 */,
+        style : 'width:50%',
+        xns : Roo.bootstrap,
+        '|xns' : 'Roo.bootstrap'
+       },
+       {
+        xtype : 'NavItem',
+        button_weight : 'secondary',
+        html : _this._strings['5a105e8b9d40e1329780d62ea2265d8a'] /* test1 */,
+        xns : Roo.bootstrap,
+        '|xns' : 'Roo.bootstrap'
+       },
+       {
+        xtype : 'NavItem',
+        html : _this._strings['5a105e8b9d40e1329780d62ea2265d8a'] /* test1 */,
         xns : Roo.bootstrap,
-        '|xns' : 'Roo.bootstrap',
-        store : {
-         xtype : 'Store',
-         xns : Roo.data,
-         '|xns' : 'Roo.data',
-         proxy : {
-          xtype : 'HttpProxy',
-          url : rootURL + '/Roo/Files_keytypes',
-          xns : Roo.data,
-          '|xns' : 'Roo.data'
-         },
-         reader : {
-          xtype : 'JsonReader',
-          xns : Roo.data,
-          '|xns' : 'Roo.data'
-         }
-        },
-        cm : [
-         {
-          xtype : 'ColumnModel',
-          header : _this._strings['897356954c2cd3d41b221e3f24f99bba'] /* Key */,
-          xns : Roo.grid,
-          '|xns' : 'Roo.grid'
-         },
-         {
-          xtype : 'ColumnModel',
-          header : _this._strings['689202409e48743b914713f96d93947c'] /* Value */,
-          xns : Roo.grid,
-          '|xns' : 'Roo.grid'
-         }
-        ]
+        '|xns' : 'Roo.bootstrap'
        }
       ]
      }
-- 
2.39.2