2015-06-24 31 views
7

Ho un componente che esiste come un layout comune per tutte le mie pagine. Il layout di questa componente è la seguente (realizzata con vernice quindi per favore mi dispiace: p):Come posso rendere scorrevole un VerticalLayout usando vaadin?

layout

frecce destra significano che questo layout è un HorizontalLayout e giù VerticalLayout.

Sono davvero interessato a rendere SCOLLABLE il layout di bodyContent. All'interno di questo layout di solito introduco molti componenti dell'interfaccia utente (più layout, campi di testo, moduli, griglie ...) ea volte i componenti non vengono visualizzati a causa della mancanza di spazio verticale e dell'assenza di scorrimento verticale. Quindi c'è un modo per rendere bodyContent scorrevole (usando SCSS/CSS o in altro modo)?

Grazie in anticipo.

EDIT: Ho risolto questo grazie alla @JaneVi:

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

risposta

10

Provare a usare Panel entro il quale si può mettere il bodyContent (layout verticale) utilizzando setContent() e può avere barre di scorrimento quando l'altezza della vostra il layout supera l'altezza del pannello.

+1

Mi è stato detto qui di impostare l'altezza del layout verticale su un valore non definito https://vaadin.com/forum#!/thread/10383018 – russellhoff

+0

E funziona come per magia! Fare riferimento al mio post principale per vedere come ho raggiunto questo :) – russellhoff

+1

thats great ..! in risposta imparo questo modo css .. :) – SSH