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

Vaadin Designer horizontal and vertical scrollbar

Tobias Kuess
5 years ago Mar 07, 2017 1:58pm

Hello everyone,

I made a couple of interfaces with the Vaadin Designer plugin in Ecplipse, but I have problem with the size of them. The responsiveness works fine so far, but as the view gets smaller I need it to be scrollable. I achieved this previously by putting everything in a panel, but with the Vaadin Designer this doesn't work because I can't put a panel as the highest Element, it always starts with an VerticalLayout as shown in the screenshot.

How can I put a panel around the whole ui? 

Olli Tietäväinen
5 years ago Mar 07, 2017 2:32pm

Hi,

you should be able to use a Panel as the root component. If you start with a blank template, just use a Panel as the first component in the design. If you have an existing design, you can use the Wrap With... menu item (right click on tree) to wrap the root layout with a Panel.

-Olli

Tobias Kuess
5 years ago Mar 07, 2017 3:02pm

Okay thank you, that worked fine.

But since I changed the background color of the panel I have a problem at the bottom of my application where the panel ends. On my other applications which are made without the Vaadin Designer the panel always goes to the bottom of the screen, no matter how big it is. Here it stops at 900 pixels, even if I put the height to 100%.

How can I achieve that? That the panel always goes to the bottom. The attached picture shows the issue. 

Olli Tietäväinen
5 years ago Mar 07, 2017 3:23pm

Check the place where you include the design to your Java code. Is the containing layout also full size?

-Olli