2015-06-24 23 views
7

我有一個組件,它作爲我所有頁面的通用佈局而存在。此組件的佈局如下(用油漆,所以請做對不起:P):如何使用vaadin製作VerticalLayout滾動條?

layout

右箭頭意味着這個佈局是一個Horizo​​ntalLayout和向下箭頭VerticalLayout的。

我真的對bodyContent佈局SCROLLABLE感興趣。在這個佈局中,我通常會引入大量UI組件(更多佈局,文本字段,表單,網格...),有時候由於缺少垂直空間和缺少垂直滾動,組件不會顯示。那麼是否有任何方法可以使bodyContent可滾動(使用SCSS/CSS或任何其他方式)?

在此先感謝。

編輯: 我已經解決了這個感謝@JaneVi

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

回答

10

使用setContent()嘗試使用Panel內,你可以把你的BodyContent(垂直佈局),並可以有滾動條的時候你的高度佈局超出面板的高度。

+1

我已經被告知在這裏將垂直佈局高度設置爲undefined https://vaadin.com/forum#!/thread/10383018 – russellhoff

+0

而且像魔術般的作品!請參閱我的主要帖子,看看我是如何實現這個:) – russellhoff

+1

多數民衆贊成偉大..!作爲迴應,我學習這種CSS方式.. :) – SSH