Почему бы не применить пользовательский стиль CSS? - PullRequest
Новая
       11

Почему бы не применить пользовательский стиль CSS?

0 голосов
/ 28 февраля 2019

В моем веб-проекте я использую Vaadin 7.3.6.

Мой пользовательский файл CSS находится здесь: 

myproject\src\main\resources\VAADIN\themes\non.print.component.css

In non.print.component.css

@media print {
.noPrint {
    display:none;
  }
}

Inмой код я использую это: 

import com.vaadin.ui.Button;
Button myButton = new Button("My custom button");
myButton.setStyleName("noPrint");

Но это не работает.Когда я печатаю текущую страницу, myButton также печатает.

1 Ответ

0 голосов
/ 01 марта 2019

Ваш CSS-файл не будет использоваться пользовательским интерфейсом Vaadin, пока вы не объявите его или не включите в свою собственную тему.Лучший способ - создать собственную тему, тогда вам нужно будет:

  • Добавить аннотацию темы в свой класс пользовательского интерфейса -> @Theme ("mytheme")
  • Создатьпапка 'myproject \ src \ main \ resources \ VAADIN \ themes \ mytheme'
  • Поместите туда свои css / scss вещи

Пожалуйста, проверьте основы темы vaadin7 по адресу: https://vaadin.com/docs/v7/framework/themes/themes-css.html

Вы не хотите создавать тему, два решения:

  • Поместите файл CSS в каталог src / main / webapp / VAADIN / * и используйте @StyleSheet ("vaadin://style.css").
  • Поместите файл css в каталог src / main / resources / com / example / demo / и используйте @StyleSheet ("style.css"). (кредиты Алехандро Дуарте на официальном форуме Ваадина)

С уважением, Себастьян

...