css - Vaadin 网格布局边框

标签 css vaadin

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

最佳答案

是的,您需要为 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

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

关于css - Vaadin 网格布局边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32967850/

相关文章:

javascript - 使用 AngularJS 1.4 像 Replaceable Tiles 一样开发 Windows?

css - CSS 的 Bootstrap Datepicker 错误(未加载??)

java - Tomcat 8.0.21 中的 Vaadin UI.access()

javascript - setCustomValidity 的自定义错误避免提交表单

css - Woocommerce - 删除产品图片库(灯箱)上的图片文件名

css - 在 Vaadin 中创建侧边栏或垂直菜单

java - setStyleGenerator 取决于单元格值

java - Vaadin 组件的 Selenium WebDriver 自动化

Apache Tomcat 上 Vaadin 前端的性能

html - 当内容很长时,表格中的可编辑 div 超出其百分比宽度