Макет Vaadin с использованием CSS flex-box?

Question

Макет Vaadin с использованием CSS flex-box?

Есть ли Layout в Vaadin 8 ( Vaadin Framework) или Vaadin 10 ( Vaadin Flow), который использует более новую функцию CSS flex-box (он же flexbox)?

Этот превосходный учебник создает впечатление, что flex-box можно использовать для реализации Vaadin. GridLayout, VerticalLayout, а также HorizontalLayout,

4

flexbox vaadin vaadin8 vaadin10

Источник

user642706 14 апр '18 в 05:13

1 ответ

Решение

Другие вопросы по тегам flexbox vaadin vaadin8 vaadin10

user8962195 14 апр '18 в 06:37 2018-04-14 06:37 · Accepted Answer · 2018-04-14 06:37

Ваадин 8

Если вы хотите использовать flex-box в Vaadin 8, есть следующие варианты

Если вы предпочитаете java API на стороне сервера, в каталоге https://vaadin.com/directory/component/flexlayout-add-on есть надстройка, в которой она есть.
Вы всегда можете использовать CssLayout и определять правила флекс-бокса CSS в своей теме.
Компонент Board ( https://vaadin.com/directory/component/vaadin-board) реализован с использованием flex-box

Ваадин 10 (Поток)

Все макеты в потоке реализованы с помощью Flex-box, благодаря чему они работают лучше вместе. Существует также FlexLayout в потоке, который дает Java API flex-box аналогичным образом, как дополнение, упомянутое выше. HorizontalLayout и VerticalLayout являются особыми случаями flex-box, поэтому при их объединении меньше побочных эффектов (см.: https://vaadin.com/docs/v10/flow/components/tutorial-flow-components-setup.html).