Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

some help with keyframes & loading custom font's .

Mohammed Matar
8 years ago Nov 19, 2014 5:34pm
Mohammed Matar
8 years ago Nov 22, 2014 4:16am
Joacim Päivärinne
8 years ago Nov 24, 2014 6:27am

I've used keyframes without any problems in Vaadin. What version are you running? What browser(s) are you testing in?

How are you loading you custom fonts? Mind sharing some code? :)

Agata Vackova
8 years ago Nov 24, 2014 7:35am

My code with keyframes (https://vaadin.com/forum#!/thread/8619346) also doesn't work.

Joacim Päivärinne
8 years ago Nov 24, 2014 7:52am

Simple test. This should work.

Java

@Override
protected void init(VaadinRequest request) {
  final VerticalLayout layout = new VerticalLayout();
  setContent(layout);

  Label lbl = new Label("Test");
  lbl.addStyleName("test");

  layout.addComponents(lbl);
}

SCSS

.test {
  -webkit-animation: test 5s infinite; 
  animation: test 5s infinite;
}

@-webkit-keyframes test {
  from { color: red; }
  to { color: blue; }
}

@keyframes test {
  from { color: red; }
  to { color: blue; }
}
Joacim Päivärinne
8 years ago Nov 24, 2014 9:02am

Regarding the custom fonts; perhaps this will help: https://vaadin.com/forum#!/thread/8614199

Agata Vackova
8 years ago Nov 24, 2014 9:04am

Unfortunatly it doesn't work :-(.

class="v-label v-widget test v-label-test v-has-width"

Vaadin 7.1.12, 7.2.7; Firefox

Mohammed Matar
8 years ago Nov 24, 2014 9:27pm