Как добавить CSS в проект Vaadin / Maven? - PullRequest
Новая
       19

Как добавить CSS в проект Vaadin / Maven?

5 голосов
/ 19 августа 2011

На SO существует вопрос о том, как добавить CSS в проект Vaadin. Совет должен был добавить CSS в /WEB-INF/VAADIN/themes/ месте.

Моя проблема в том, что проекты Vaadin обычно имеют папку WEB-INF под WebContent, а теперь на Maven аналогичная папка находится под webapp. Кажется, это приводит к тому, что мои изменения CSS не вступают в силу.

Кроме того, необходимо ли иметь собственный CSS в той же подструктуре , что и исходный CSS? Я хочу изменить table CSS и не знаю, должен ли CSS находиться по определенному пути.

Итак, как добавить CSS для таблицы, чтобы изменить и таблицу, а не только то, что код создается правильно? :)

Обновление 1 : я мог бы получить следующий шаблон с Firebug, но это самая близкая вещь, которую я получаю к браузеру.








<! - Числа ниже используются для заполнения пространства, чтобы это работало правильно в IE. Смотрите <a href="http://support.microsoft.com/default.aspx?scid=kb;en-us;Q294807" rel="nofollow noreferrer">http://support.microsoft.com/default.aspx?scid=kb;en-us;Q294807 для более информация о том, почему это необходимо.
12345678901234567890123456789012345678901234567890123456789012345678901234567890
12345678901234567890123456789012345678901234567890123456789012345678901234567890
12345678901234567890123456789012345678901234567890123456789012345678901234567890
->



Ответы [ 2 ]

8 голосов
/ 19 августа 2011

Вероятно, вы поместите свой файл styles.css в папку src/main/webapp/VAADIN/themes/[yourtheme]/ и сконфигурируете Maven для копирования всего в src/main/webapp в ваш WEB-INF. Таким образом, ваш файл .css окажется в WEB-INF/VAADIN/themes/[yourtheme]/.

Настоятельно рекомендуется наследовать от темы, а не пытаться переопределить поведение темы по умолчанию.

Тогда вам нужно указать название вашей темы в приложении 

public void init()
{
    setTheme("simplegae");
    ...

и сделайте так, чтобы ваш файл .css наследовался от css темы (руно, северный олень, ...). 

@import "../reindeer/styles.css";

Недавно я разместил пример приложения Vaadin с использованием Maven, который доступен по адресу по этому адресу . Он предназначен для работы на GAE, но вы можете проверить это в SVN и взглянуть на то, что я сделал: 

svn co http://code.google.com/p/tinywebgears-samples/source/browse/trunk/simplegae/ simplegae
4 голосов
/ 23 августа 2011

Возможно, вы поместите свой файл styles.css в папку src / main / webapp / VAADIN / themes / [yourtheme] / и сконфигурируете Maven для копирования всего, что находится в src / main / webapp, в ваш WEB-INF.Таким образом, ваш файл .css окажется в WEB-INF / VAADIN / themes / [yourtheme] /.

Просто небольшое изменение: поместите вашу папку в src / main / resources / VAADIN / themes / вместо src / main / webapp / VAADIN / themes /

Надеюсь, это будет работать для вас так же, как и для нас

С уважением, Эрик

edit: вот полезная ссылка: Развертывание веб-проекта Maven на Jetty

...