How can I make a VerticalLayout scrollable using vaadin?

css vaadin vaadin7
russellhoff picture russellhoff · Jun 24, 2015 · Viewed 7.7k times · Source

I have a Components which exists as a common layout for all my pages. The layout of this component is as follows (made using paint so please sorry :p):

layout

Right arrows mean that this layout is a HorizontalLayout and down arrows VerticalLayout.

I'm really interested in making bodyContent layout SCROLLABLE. Within this layout I usually introduce lots of UI components (more layouts, text fields, forms, grids...) and sometimes components aren't shown due to the lack of vertical space and the absence of vertical scroll. So is there any way to make bodyContent scrollable (using SCSS/CSS or any other way)?

Thanks in advance.

EDIT: I've solved this thanks to @JaneVi:

.v-ui > .v-widget {
   overflow: visible;
}

Answer

SSH picture SSH · Jun 24, 2015

Try using Panel within which you can put your bodyContent(vertical layout) using setContent() and can have scroll bars when height of your layout exceeds the panel's height.

Related questions

Create Sidebar or Vertical Menu in Vaadin

How can I create a VerticalMenu or Sidebar in Vaadin? Is there any specific component or Have I do programatically and using CSS? I would like to create something like Vaadin Demo: I'm using the new Valo Theme.

Read More
set table row height

My lacking skills of CSS is giving me a headache. As presented in this picture below, captured from firebug: Using a GWT like framework called Vaadin I have given a Table component the class name m2m-modal-table and I want …

Read More
Vaadin - Coloring table cells based on content

I have a very basic example here where I'm trying to color specific cells based on a specific string value being present in that cell. I put in print statements and I'm hitting the return "green", return "orange", etc... points, …

Read More