Set custom cell height

[Amanda]

Hello,

I am using Dashboard Layout at my page and I can't find a way to make the cells of the dashboard have a custom height and not the one that is set by the component.

I found and example from your demos :
https://blazor.syncfusion.com/demos/dashboard-layout/overview?theme=fluent

In the above example the height of the cell is not the one that is given by default from the component.

So can you tell me how to implement this or could you post the complete solution of the demo?

Thanks in advance!

[Prasanth Madhaiyan]

Hi Amanda,

Greetings from Syncfusion support.

We have validated your reported issue in the Blazor Dashboard Layout component. We understand that you want to set a height for the panels. In the Dashboard Layout component, the panels are rendered based on the SizeX and SizeY values. However, we have the CellAspectRatio property to reduce and increase the height of the panels, but it will apply to all the Dashboard Layout panels.

For your reference, we have attached a sample.

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorDashboardLayout-158340386.zip

Please check the shared sample and let us know if you need any further assistance.

Regards,

Prasanth Madhaiyan.

[Amanda]

Thanks for your response.

Could explain to me how the CellAspectRatio property works and how its value affects the Dashboard Layout component?

Thanks in advance!

[Prasanth Madhaiyan]

Hi Amanda,

The cellAspectRatio defines the ratio of the panel. If we set the property value as 100/50 The height of these cells will be 50px (that is, for every 100px of width, 50px will be the height of the cell).

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

   

https://blazor.syncfusion.com/documentation/dashboard-layout/setting-size-of-cells

You can adjust the height of the panel by using the cellAspectRatio property. Refer to the given documentation link for the property. 

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

Please let us know if you need further assistance.

Regards,

Prasanth Madhaiyan.