如何使用vaadin使VerticalLayout可滚动?

时间:2015-06-24 14:07:25

标签: css vaadin vaadin7

我有一个组件,它作为我所有页面的通用布局存在。这个组件的布局如下(使用paint绘制,所以请抱歉:p):

layout

右箭头表示此布局为Horizo​​ntalLayout,向下箭头为VerticalLayout。

我真的对使bodyContent布局SCROLLABLE感兴趣。在这个布局中,我通常会介绍很多UI组件(更多布局,文本字段,表单,网格......),有时由于缺少垂直空间和没有垂直滚动而无法显示组件。那么有没有办法让bodyContent可滚动(使用SCSS / CSS或任何其他方式)?

提前致谢。

修改 由于@JaneVi

,我已经解决了这个问题
.v-ui > .v-widget {
   overflow: visible;
}

1 个答案:

答案 0 :(得分:10)

尝试使用Panel使用setContent()放置bodyContent(垂直布局),并在布局高度超出面板高度时使用滚动条。