formLayout中的textField标签如何不显示？

Jmix
#1

在detail页面中，如何将formLayout中的textField标签隐藏掉或者不现实，默认显示的是实体属性的message信息，现在我想隐藏掉，用其他的方式进行显示。并且将两列布局的右侧紧贴着左侧。

效果如下展示：
image

#2

先把字段都放到 formItem 中，这样比较方便统一设置 css，然后给 formLayout 设置两个css类名，比如 no-label 表示不带标签，compact-form 表示紧凑型表单：

<formLayout ... classNames="no-label compact-form">
    <formItem>
        ...
    </formItem>
</formLayout>

然后添加css：

.no-label vaadin-form-item::part(label){
    display: none;
}

.compact-form vaadin-form-item{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
1 个赞
#3

好的，我试试，感谢！