Grid Component Layout not right

Hi

I was trying out the Gird Component. I wanted to add the Grid component to Vaadin Dashboard Example. However, I’m facing layout problems with it.

Attached is the screenshot of the layout. What am I doing wrong here? I tried setSizeFull with both the VerticalLayout and Grid. Doesn’t work.

Thanks!
30203.png

Hi,

it’s hard to say from just a picture, but it looks like some of styles aren’t playing nicely. Have you tried using Chrome’s inspector to see what’s going wrong? Are other components working ok?

-Olli

Hello,

In the dashboard demo there are some “optimized parts” in scss.
See “removed-grid” param :

https://github.com/vaadin/dashboard-demo/blob/7.7/src/main/webapp/VAADIN/themes/dashboard/dashboard.scss

Regards
Sebastien

Thanks for reply guys. Instead of extending VerticalLayout and I extended CssLayout and it worked!