Làm cách nào để tạo VerticalLayout có thể cuộn bằng cách sử dụng vaadin?

Question

Tôi có một Thành phần tồn tại dưới dạng bố cục chung cho tất cả các trang của mình. Cách bố trí của thành phần này là như sau (đã sử dụng sơn vì vậy hãy xin lỗi: p):

phải mũi tên có nghĩa là bố trí này là một HorizontalLayout và xuống mũi tên VerticalLayout.

Tôi thực sự quan tâm đến việc bố trí bodyContent SCROLLABLE. Trong bố cục này, tôi thường giới thiệu rất nhiều thành phần giao diện người dùng (nhiều bố cục, trường văn bản, biểu mẫu, lưới ...) và đôi khi các thành phần không được hiển thị do thiếu không gian dọc và không có cuộn dọc. Vì vậy, có cách nào để làm cho bodyContent cuộn (sử dụng SCSS/CSS hoặc bất kỳ cách nào khác)?

Xin cảm ơn trước.

EDIT: Tôi đã giải quyết này nhờ @JaneVi:

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

Answer 1

Hãy thử sử dụng Panel trong đó bạn có thể đặt bodyContent của bạn (bố trí dọc) sử dụng setContent() và có thể có thanh cuộn khi chiều cao của bạn bố cục vượt quá chiều cao của bảng điều khiển.