自定义 Vaadin CRUD 编辑器宽度答案

【问题标题】：Customise Vaadin CRUD Editor Width自定义 Vaadin CRUD 编辑器宽度
【发布时间】：2021-11-01 02:15:32
【问题描述】：

我想自定义 Vaadin CRUD 组件 (java) 的对话框，将覆盖的最小宽度替换为：

:host([theme~="layout"]) [part="overlay"] {
    min-width: 100%;
}

我把它放到一个 css 文件中，然后添加到我的 java 类中：

@CssImport( value = "styles/gridCrudEditor.css", 
            themeFor = "vaadin-dialog-overlay", 
            id = "dialog-layout-overlay-theme")

但它适用于所有网格 crud 编辑器，我想仅将它应用到一个实例。默认情况下，它是（在 vaadin-dialog-layout-overlay-styles.js 中）

:host([theme~="layout"]) [part="overlay"] {
    max-width: 54em;
    min-width: 20em;
}

因为它是垃圾的对话......我不知道如何继续

【问题讨论】：

【解决方案1】：

您应该能够做到以下几点：

Java

crud.addThemeName("my-theme");

CSS

:host([theme~="my-theme"]) [part="overlay"] {
  min-width: 100%;
}

【讨论】：