小编Ale*_*dre的帖子

自定义 Vaadin CRUD 编辑器宽度

我想通过将覆盖层的最小宽度替换为以下内容来自定义 Vaadin CRUD 组件(java)的对话框:

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

我将其放入 css 文件中,然后添加到我的 java 类中:

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

但它适用于所有网格 CRUD 编辑器,我想仅将其应用于一个实例。默认情况下,它是(在 vaadin-dialog-layout-overlay-styles.js 中)

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

因为这是简单的对话...我不知道如何继续

css vaadin vaadin-grid vaadin-flow

5
推荐指数
1
解决办法
212
查看次数

标签 统计

css ×1

vaadin ×1

vaadin-flow ×1

vaadin-grid ×1