LDLeoLavanya Dhanaraj Syncfusion Team March 27, 2023 11:39 AM UTC
Greetings from Syncfusion support.
Based on the details you shared, we understand that you wish
to set the height and width of the DashboardLayout component to 100% of the
parent container's dimensions. To achieve this, you can utilize the CellAspectRatio
property to adjust the height of the cells within the Dashboard Layout
component. This attribute determines the ratio of the cell's width to height,
which can help to avoid the display of a vertical scroll bar. Additionally, you
need to set the height of the component to 100.
Also, In your sample, you had given the column value of 5,
but you have only rendered panels for 4 columns. Therefore, the extra space for
panel rendering is allocated in your application. To remove the extra space in
the Dashboard Layout, we have set the column value as occupied by the panels in
the Dashboard. For your reference, we have included the modified Angular
Check out the below mentioned code snippets for further