title: syncfusion height of dashboard layout
body: <p>I have tried to append a simple DashboardLayoutComponent of syncfusion into a simple react App.</p>
  <p>the simple app is striaght forward wrapped a DashboardLayoutComponent and thats it.</p>
  <p>However, I saw the result is the height of the DashboardLayoutComponent is not 100% of current window. I have searched the entire document of it and I couldn't find a solution below.</p>
  <p>Is it possible to do to config anything so that the height of DashboardLayoutComponent can be 100% of the current window (catering the resize) so that the panel rendered panel can fully cover the background?</p>
  <p>this is the snippet used to render DashboardLayoutComponent</p>
  <pre><code>&lt;DashboardLayoutComponent
    //mediaQuery=&quot;max-height: 100%&quot;
    cellSpacing={cellSpacing}
    columns={10}
    showGridLines={true}      
    allowResizing={true}
    allowDragging={true}
    cellAspectRatio={1.1}
  &gt;
    {PageLayout.map((grid, index) =&gt; (
      &lt;div
        className=&quot;e-panel&quot;
        id={grid.id}
        key={grid.id}
        data-row={grid.row}
        data-col={grid.col}
        data-sizex={grid.sizeX}
        data-sizey={grid.sizeY}
      &gt;
        {grid.id}
      &lt;/div&gt;
    ))}
  &lt;/DashboardLayoutComponent&gt;
  </code></pre>