1. Home
  2. Forum
  3. Angular - EJ 2
  4. Dashboard Layout 100percent height

Dashboard Layout 100percent height

Is it possible to make dashboard stretch to 100% height?

Widht works well to 100% but height 100% does not do anything. Meaning that if the viewport is smaller there is a gap at the bottom or if its wider I get a scrollbar because dashboard is too big.

I want the cells to stretch in Y direction to adapt to screen size. While maintaining X sizing.

https://stackblitz.com/edit/github-ajxo8p?file=src%2Fapp.component.ts,src%2Fdefault-style.css,src%2Fapp.module.ts


1 Reply
SA SureshRajan Alagarsamy Syncfusion Team November 3, 2023 12:25 PM UTC

Hi Frank,


We have reviewed your query and understand that you have concerns with panels height in the Dashboard Layout component. We would like to inform you that in the Dashboard Layout, the height of a panel is determined by its width. The “cellAspectRatio” property configures the height of the cells based on the cell width-to-height ratio (cell width/cell height ratio). Additionally, the “sizeY” property specifies the height of the panel in the Dashboard Layout component. So the absolute height value is not taken into consideration in the Dashboard Layout component.


Check out the shared details and get back to us if you need any further assistance.


Regards,
Suresh.


Loader.
Up arrow icon