diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 7b9da73..2a42856 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -26,7 +26,7 @@ const Widget = BI.inherit(BI.Widget, {
         height: 40,
       },
       {
-        type:linkSet,
+        type: linkSet,
       },
       {
         type: linkStatus,
diff --git a/src/app/app.model.ts b/src/app/app.model.ts
index 8e3d4e9..761035a 100644
--- a/src/app/app.model.ts
+++ b/src/app/app.model.ts
@@ -11,9 +11,9 @@ const Model: ModelType = {
       linkList,
       linkSelected: {},
       linkUpdate: {},
-      moreLinkSelected:'',
-      statusSelected:'',
-      connectionNameErr:'',
+      moreLinkSelected: '',
+      statusSelected: '',
+      connectionNameErr: '',
     };
   },
   computed: {
diff --git a/src/app/link_status/left/left.component.ts b/src/app/link_status/left/left.component.ts
index 4068b29..0ce0fdf 100644
--- a/src/app/link_status/left/left.component.ts
+++ b/src/app/link_status/left/left.component.ts
@@ -8,7 +8,7 @@ const Widget: WidgetType = {
   _store() {
     return BI.Models.getModel(Model);
   },
-  watch:{
+  watch: {
     linkList(linkList: LinkType[]) {
       const title = linkList.length > 0 ? linkList[0].connectionName : '';
       this.store.setStatusSelected(title);
diff --git a/src/app/link_status/left/left.item.component.ts b/src/app/link_status/left/left.item.component.ts
index f5f9739..b568ab8 100644
--- a/src/app/link_status/left/left.item.component.ts
+++ b/src/app/link_status/left/left.item.component.ts
@@ -3,8 +3,8 @@ import Model from './left.model';
 const className = 'fr.component.linkStatus.left.item';
 const Widget: WidgetType = {
   props: {
-    title:'',
-    id:'',
+    title: '',
+    id: '',
     creator: '',
   },
   _store() {
@@ -20,7 +20,7 @@ const Widget: WidgetType = {
       items: [
         {
           type: TextButton,
-          cls:'link-title',
+          cls: 'link-title',
           textAlign: 'left',
           text: title,
           title,
diff --git a/src/app/link_status/left/left.model.ts b/src/app/link_status/left/left.model.ts
index 37419a9..d2633ef 100644
--- a/src/app/link_status/left/left.model.ts
+++ b/src/app/link_status/left/left.model.ts
@@ -4,7 +4,7 @@ const Model: ModelType = {
   context: ['tab', 'linkList', 'statusSelected'],
   state () {
     return {
-      selected:'',
+      selected: '',
     };
   },
   actions: {
diff --git a/src/app/title/title_item/title_item.component.ts b/src/app/title/title_item/title_item.component.ts
index 576c331..7ee5f28 100644
--- a/src/app/title/title_item/title_item.component.ts
+++ b/src/app/title/title_item/title_item.component.ts
@@ -4,12 +4,12 @@ import {getSelectStyle} from './title_item.service';
 const className = 'fr.title.item';
 const Widget = BI.inherit(BI.BasicButton, {
   props: {
-    text:'',
+    text: '',
   },
   _store() {
     return BI.Models.getModel(tableItemModel);
   },
-  watch:{
+  watch: {
     tab(tab: string) {
       const {text} = this.options;
       this.element.css(getSelectStyle(text, tab));
diff --git a/src/demo/plugin.redis.preview.ts b/src/demo/plugin.redis.preview.ts
index a3708e0..9dfd4df 100644
--- a/src/demo/plugin.redis.preview.ts
+++ b/src/demo/plugin.redis.preview.ts
@@ -6,8 +6,8 @@ const Widget = BI.inherit(BI.Widget, {
   render() {
     return {
       type: 'bi.vertical',
-      cls:'bi-plugin-redis',
-      bgap:10,
+      cls: 'bi-plugin-redis',
+      bgap: 10,
       items: [
         {
           type: 'bi.left',
@@ -22,7 +22,7 @@ const Widget = BI.inherit(BI.Widget, {
             },
             {
               type: 'bi.label',
-              text:form.url,
+              text: form.url,
               height: 24,
             }],
         },
@@ -39,7 +39,7 @@ const Widget = BI.inherit(BI.Widget, {
             },
             {
               type: 'bi.label',
-              text:form.port,
+              text: form.port,
               height: 24,
             }],
         },
@@ -56,7 +56,7 @@ const Widget = BI.inherit(BI.Widget, {
             },
             {
               type: 'bi.label',
-              text:'********',
+              text: '********',
               height: 24,
             }],
         },
diff --git a/src/demo/plugin.tedis.pool.ts b/src/demo/plugin.tedis.pool.ts
index 6469e88..26410b3 100644
--- a/src/demo/plugin.tedis.pool.ts
+++ b/src/demo/plugin.tedis.pool.ts
@@ -13,11 +13,11 @@ const WidgetPool = BI.inherit(BI.Widget, {
           items: [
             {
               type: 'bi.vertical',
-              cls:'right-status-board',
+              cls: 'right-status-board',
               items: [
                 {
                   type: 'bi.vertical',
-                  cls:'right-status-board-item',
+                  cls: 'right-status-board-item',
                   items: [
                     {
                       type: 'bi.label',
diff --git a/src/shared/service/dialog.service.ts b/src/shared/service/dialog.service.ts
index 6a30e15..a3fd4f2 100644
--- a/src/shared/service/dialog.service.ts
+++ b/src/shared/service/dialog.service.ts
@@ -54,7 +54,7 @@ class Dialog {
       items: [
         {
           type: Vertical,
-          items:[
+          items: [
             {
               type: 'bi.layout',
               cls: 'loading-icon',
@@ -80,7 +80,7 @@ class Dialog {
       items: [
         {
           type: Vertical,
-          items:[
+          items: [
             {
               type: 'bi.layout',
               cls: 'success-icon',
@@ -105,7 +105,7 @@ class Dialog {
       items: [
         {
           type: Vertical,
-          items:[
+          items: [
             {
               type: 'bi.layout',
               cls: 'error-icon',
@@ -135,11 +135,11 @@ class Dialog {
         {
           type: 'bi.center_adapt',
           cls: 'show-content',
-          tgap:10,
+          tgap: 10,
           items: [
             {
               type: Vertical,
-              items:[
+              items: [
                 {
                   type: Layout,
                   cls: 'error-icon',
@@ -152,14 +152,14 @@ class Dialog {
                 },
                 {
                   type: Left,
-                  cls:'buttons',
-                  items:[
+                  cls: 'buttons',
+                  items: [
                     {
                       type: Button,
                       text: BI.i18nText('Dec-Dcm_Connection_Detailed_Information'),
                       level: 'ignore',
                       handler() {
-                        const isHide = this.getText() === BI.i18nText('Dec-Dcm_Connection_Detailed_Information');
+                        const isHide = !More.isVisible();
                         Popover.element.css({
                           height: isHide ? '290' : '220',
                         });
@@ -191,9 +191,11 @@ class Dialog {
           ],
         }, {
           type: Label,
-          cls:'show-more',
-          text:more,
+          cls: 'show-more',
+          text: more,
           invisible: true,
+          height: 73,
+          value: false,
           ref(ref: any) {
             More = ref;
           },
@@ -202,8 +204,8 @@ class Dialog {
     };
     BI.Popovers.create(id, {
       type: 'bi.popover',
-      cls:'popover-notitle',
-      extraCls:'bi-custom-show',
+      cls: 'popover-notitle',
+      extraCls: 'bi-custom-show',
       size: 'normal',
       width: 450,
       height: 220,
@@ -223,8 +225,8 @@ class Dialog {
     const id = BI.UUID();
     BI.Popovers.create(id, {
       type: 'bi.popover',
-      cls:'popover-notitle',
-      extraCls:'bi-custom-show',
+      cls: 'popover-notitle',
+      extraCls: 'bi-custom-show',
       size: 'normal',
       width: 450,
       height: 220,