Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8

Grid Component Layout not right

Prat Mishra
5 years ago Jan 29, 2017 4:30am

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!

Olli Tietäväinen
5 years ago Jan 30, 2017 12:22pm

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

Sebastien Libert
5 years ago Jan 30, 2017 12:38pm

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

Prat Mishra
5 years ago Jan 30, 2017 7:58pm

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