Question

我在/ kopiMapReportGeneration / WebContent / VAADIN / themes中有我的VAADIN应用程序的自定义主题我想在style.css中更改进度idicator：

.v-loading-indicator, .v-loading-indicator-delay, .v-loading-indicator-wait {
   width: 100%;
   height: 100%;
   margin: 0;
   background-position: 50%;
   background-image: url("../customThemes/img/progress.gif");
   background-color: gray;
   opacity: .8;
   -ms-filter: alpha(opacity=80);
   filter: alpha(opacity=80);
   background-repeat: no-repeat; 
   background-attachment: fixed; 
}

这是图像路径/WebContent/VAADIN/themes/customThemes/img/progress.gif 问题是不考虑css的变化。

Answer 1

我有一些观点：

style.css已缓存，因此在对您的css进行任何更改后，您应该清除浏览器缓存以获取新的style.css资源。
您的应用和主窗口应该有setTheme("customThemes");
background-image: url("img/progress.gif");就足够了，但background-image: url("../customThemes/img/progress.gif");也应该有效。

定影：

通过Inspect element searach {h}页面<link rel="stylesheet" type="text/css" href="/context-if-any/VAADIN/themes/customThemes/styles.css">元素中的HEAD。它应该在那里。
访问css资源并确保它是最新的且未缓存
确保您的/context-if-any/VAADIN/themes/customThemes/img/progress.gif资源可通过网络浏览器访问

<强> Conlusion：

如果修复1已链接其他主题。 - ＆GT;在appplication中试用setTheme（）方法

如果修复2已缓存css资源。点击ctrl + F5进行硬刷新或清除浏览器缓存。

如果修复3出错，则您的自定义主题不可用。确保将资源打包成最后的战争。

Vaadin主题变化

1 个答案: