【问题标题】:Vaadin Grid layout bordersVaadin 网格布局边框
【发布时间】:2015-10-06 10:37:46
【问题描述】:

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

【问题讨论】:

  • 你能发布你正在使用的代码吗?

标签: css vaadin


【解决方案1】:

是的,您需要向 GridLayout 添加样式。

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

在您的主题 css 中(在我的工作区 webapp/VAADIN/themes/mytheme/mytheme.scss 中):

.your-css-tag {
    border-style: solid;
    border-color: black;
    border-width: 1px;
    padding: 5px;
}

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

有关详细信息,请参阅主题手册章节。

【讨论】:

  • 谢谢你!看起来是合法的,我会试试的。
  • 我相信你会想要调用.addStyleName 而不是.setStyleName,因为set 方法会清除其他先前指定的样式。
  • 您可能需要重新构建项目以触发 CSS 编译过程。对于基于 Maven 的项目,这可能意味着运行生命周期项目 cleaninstall