Vaadin Тема изменения

Question

У меня есть собственные темы для моего приложения Vaadin в/kopiMapReportGeneration/WebContent/Vaadin/темы я хочу изменить прогресс idicator в style.css:

.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

У меня есть некоторые моменты:

1. style.css кэшируется поэтому после каких-либо изменений в вашем CSS, вы должны очистить кэш браузера, чтобы получить свежий style.css ресурс.
2. вашего приложение и главное окно должны иметь setTheme("customThemes");
3. background-image: url("img/progress.gif"); достаточно, но background-image: url("../customThemes/img/progress.gif"); должен работать тоже.

Крепление:

1. через Осмотрите элемент searach страницу HTML для <link rel="stylesheet" type="text/css" href="/context-if-any/VAADIN/themes/customThemes/styles.css"> в HEAD элемента. Он должен быть там.
2. визит CSS-ресурс и убедитесь, что он в курсе и не кэшируются
3. убедитесь, что ваш /context-if-any/VAADIN/themes/customThemes/img/progress.gif ресурс доступен через веб-браузер

Conlusion:

Если фиксируя 1 связали другую тему. -> эксперимент с методом setTheme() в вашем приложении

Если исправление 2 имеет кешированный ресурс css. Нажмите Ctrl + F5, чтобы обновить или очистить кеш браузера.

Если исправление 3 идет не так, ваша пользовательская тема недоступна. Убедитесь, что вы упаковываете свои ресурсы в финальную войну.