Vaadin Grid布局边框

Jum*_*per 3 css vaadin

我有三个表单,TextField我的View(GridLayout)中很少,我需要用黑线边框指定每个表单.我怎样才能做到这一点.我需要包含css吗?提前致谢!

小智 6

是的,你需要一个样式添加到网格布局.

final GridLayout gridLayout = new GridLayout();
// Add stuff to it ...
gridLayout.addStyleName("your-css-tag");
Run Code Online (Sandbox Code Playgroud)

在主题CSS(在我的工作区的webapp/VAADIN /主题/ mytheme的/ mytheme.scss):

.your-css-tag {
    border-style: solid;
    border-color: black;
    border-width: 1px;
    padding: 5px;
}
Run Code Online (Sandbox Code Playgroud)

您可能需要重建项目,以合并CSS.在Maven中,这意味着执行Lifecycle任务cleaninstall.

有关更多信息,请参阅有关主题的手册章节.