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

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

How i can use HTML page in application

Mukesh Verma
7 years ago Jun 26, 2015 10:10am
Matti Tahvonen
7 years ago Jun 29, 2015 12:33pm

There are many possibilities and its hard to say which one suits best for you without knowing exactly what you want to achieve. You can place html to your Vaadin application with e.g. Label component (just set contentMode to HTML), include JS files with @JavaScript annotation or with BootstrapListener and execute smaller JS snippets with JavaScript.execute() method).


Mukesh Verma
7 years ago Jul 03, 2015 4:28am
Marius Reinwald
7 years ago Jul 03, 2015 6:58am

Before you start integrating jQuery in you application you should first check if css animation might be enough for you as they are way easier to implement.
Valo has a few of them already built-in (namely fading and sliding) https://vaadin.com/api/valo/#animation
but you can also just use normal css animation and even create your own using keyframes. It also should be fairly easy to implement something like animate.css https://daneden.github.io/animate.css/ with just an @import in your style.scss.
If you need to do something as soon as the animation finished: I made a small Javascript Extension for that. Code can be found here: https://vaadin.com/forum#!/thread/10177297
When css isn't enough and you need to use Javascript/jQuery i would recommend creating your own Javascript Extension. Tutorial: Creating a Javascript Extension - Vaadin Wiki

Mukesh Verma
7 years ago Jul 03, 2015 9:26am