How to change the height of each panel in CSS

[Vigneswaran]

Hello,

I would like to know how to change the height of the panels in CSS and also on how to access the set the height property in the typeScript file. 

Because while I try to access the height of a particular panel in my .ts file like this: 

I am getting an error stating that the height is a getter property and not a setter property.

// this.dashboard.panels[0]["controlParent"].element.clientHeight = "100";

// this.dashboard.panels[0]["controlParent"].element.clientWidth = "100";

[Indhumathy Loganathan]

Hi Vigneswaran, 

 

Thanks for contacting Syncfusion support, 

 

We have analysed your query to set height of panel in pixel using CSS. The DashboardLayout is a grid structured component, which can be split into subsections of equal size known as cells. The width and height of each cell will be auto calculated based on the total number of cells placed in a row using sizeX and sizeY value.  We cannot explicitly set the pixel value for height of panel. 

    

Refer to the below document to know more about the structure of Dashboard layout, 

    

https://ej2.syncfusion.com/angular/documentation/dashboard-layout/setting-size-of-cells/#configuring-the-layout 

 

If you like to adjust the height of the panel, we suggest you to use cellAspectRatio property.   

    

Refer to the given documentation link for cellAspectRatio  property.  

 

https://ej2.syncfusion.com/angular/documentation/dashboard-layout/setting-size-of-cells/#modifying-cell-size 

 

Please let us know if you need further assistance.  

 

Regards, 

Indhumathy L