Отрегулируйте расстояние между виджетами Vaadin

Ваадин интервал

В макетах Vaadin есть метод, setSpacing( true ) который перемещает виджеты друг от друга. Хорошо работает в большинстве случаев. Но в случае с несколькими объектами Table они все еще слишком переполнены.

➜ Есть ли способ увеличить количество интервалов, используемых в определенном макете?

CSS

Я ожидаю, что ответом будет настройка CSS. На странице Книга Ваадина на Форматирование макета, в последнем разделе Поля макета обсуждается CSS для полей. Но я не могу найти обсуждение CSS для интервалов.


java vaadin vaadin7
person Basil Bourque    schedule 03.08.2014    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Да, вы можете увеличить расстояние между компонентами/виджетами Vaadin. Как вы это сделаете, зависит от конкретного вида макета. Поэтому смотрите документацию для каждого вида макета.

Для HorizontalLayout и VerticalLayout используйте селектор .v-spacing с правилом height или width. .

VerticalLayout (и FormLayout)

.v-vertical > .v-spacing {
    height: 30px;
}

HorizontalLayout

.v-horizontal > .v-spacing {
    width: 50px;
}
person Basil Bourque    schedule 03.08.2014
comment
☹ Я взял этот ответ из документа Vaadin. Но это не работает для меня. Если кто-то может добавить еще, пожалуйста. - person Basil Bourque; 04.08.2014
comment
Меня устраивает. Возможно, в вашем случае другое правило CSS переопределяет его. - person Krayo; 26.09.2014

arrow_upward
0
arrow_downward

в вашем скомпилированном файле css:

.YourThemeName.v-app .v-vertical > .v-spacing {
    height: 30px;
}
person d2k2    schedule 04.08.2014
comment
Есть ли что-то особенное в правиле интервалов, требующем имени темы и селектора приложений? Мне не нужно это для других правил в моем приложении Vaadin 7.3, где я пишу правила в файле mytheme.scss, созданном подключаемым модулем Vaadin 1.1.1 для NetBeans 8. У меня есть такие простые правила, как: .example-gridlayout { border: medium dotted greenyellow; } - person Basil Bourque; 05.08.2014