The following content provides the exact CSS structure that can be used to modify the control’s appearance based on the user preference.
Use the following CSS to customize the dashboard layout panel header.
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
color: #754131;
background-color: #c9e2f7;
text-align: center;
}
Use the following CSS to customize the dashboard layout panel content.
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content {
background-color: #c9e2f7;
padding: 50px;
}
Use the following CSS to customize the dashboard layout resize icon.
.e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double{
color: #0378d5;
font-size: 30px;
height: 20px;
width: 20px;
}
Use the following CSS to customize the dashboard layout panel background.
.e-dashboardlayout.e-control.e-responsive {
background: #b3d3ed;
}