ห

src/app/portal-manage/dashboard-management/dashboard-management.component.html

@@ -138,9 +138,11 @@
 
     <div class="dashboard-content">
       <ejs-dashboardlayout
+        id="dashboard_default"
         [columns]="6"
-        #editLayout
         [cellSpacing]="cellSpacing"
+        [panels]="panels"
+        #editLayout
         [allowResizing]="true"
         (change)="onPanelChange($event)"
       >
@@ -154,9 +156,7 @@
             [col]="panel.col"
           >
             <ng-template #header>
-              <div
-                class="p-2 bg-white border-b border-gray-200 text-gray-700 font-semibold flex justify-between items-center"
-              >
+              <div class="e-panel-header flex justify-between items-center">
                 <span>{{ panel.header }}</span>
                 <div class="flex items-center space-x-2">
                   <button

src/app/portal-manage/dashboard-management/dashboard-management.component.scss

@@ -112,3 +112,19 @@
     background-color: #4b5563;
   }
 }
+.control-section {
+    margin: 0 auto;
+    width: 500px;
+}
+
+#defaultLayout {
+    padding: 10px;
+}
+
+#dashboard_default .e-panel .e-panel-container .content {
+    vertical-align: middle;
+    font-weight: 600;
+    font-size: 20px;
+    text-align: center;
+    line-height: 90px;
+}

src/app/portal-manage/dashboard-management/dashboard-management.component.ts

@@ -104,7 +104,7 @@ export class DashboardManagementComponent implements OnInit {
 
   public panels: DashboardPanel[] = [];
   public cellSpacing: number[] = [10, 10];
-
+  public mediaQuery: string = 'max-width: 700px';
   public availableWidgets: WidgetModel[] = [];
   public filteredAvailableWidgets: WidgetModel[] = [];
   public widgetSearchTerm: string = '';