自定义 Vaadin CRUD 编辑器宽度
Customise Vaadin CRUD Editor Width
我想自定义 Vaadin CRUD 组件 (java) 的对话框,方法是将叠加层的最小宽度替换为 :
:host([theme~="layout"]) [part="overlay"] {
min-width: 100%;
}
我将它放入 css 文件中,然后添加到我的 java class :
@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;
}
因为它是crud的对话...我不知道如何进行
您应该能够做到以下几点:
Java
crud.addThemeName("my-theme");
CSS
:host([theme~="my-theme"]) [part="overlay"] {
min-width: 100%;
}
我想自定义 Vaadin CRUD 组件 (java) 的对话框,方法是将叠加层的最小宽度替换为 :
:host([theme~="layout"]) [part="overlay"] {
min-width: 100%;
}
我将它放入 css 文件中,然后添加到我的 java class :
@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;
}
因为它是crud的对话...我不知道如何进行
您应该能够做到以下几点:
Java
crud.addThemeName("my-theme");
CSS
:host([theme~="my-theme"]) [part="overlay"] {
min-width: 100%;
}