Vaadin-Liferay integration

Manual Integration


Step 1

Remove the vaadin installation from Liferay by removing vaadin 6 library jar from “tomcat-x.x.x/webapps/ROOT/html/VAADIN” and VAADIN directory from “tomcat-x.x.x/webapps/ROOT/WEB-INF/lib/vaadin.jar”.

Step 2

Download the vaadin 7 installation package from

Step 3

Extract the VAADIN folder from the vaadin-server.jar, vaadin-themes.jar and vaadin-client-compiled.jar into tomcat-x.x.x/webapps/ROOT/html/VAADIN.

You can do this from terminal as follows:


$ cd tomcat-x.x.x/webapps/ROOT/html

$ unzip path-to/vaadin-server-7.1.7.jar ‘VAADIN/*’

$ unzip path-to/vaadin-themes-7.1.7.jar ‘VAADIN/*’

$ unzip path-to/vaadin-client-compiled-7.1.7.jar ‘VAADIN/*’


Step 4

Copy vaadin-server.jar, vaadin-shared.jar, vaadin-shared-deps.jar and jsoup.jar into tomcat-x.x.x/webapps/ROOT/WEB-INF/lib.

Remove the version numbers from these jars if you want to follow the Liferay standard.


Step 5

Use to define a widget set, theme and resource path.


Here is a sample to define a widget set, theme and resource path. We have to add following properties in


# Path under which the VAADIN directory is located.

# (/html is the default so change is not required.)

# vaadin.resources.path=/html


# Portal-wide widget set



# Theme to use



Now, you need to restart liferay portal. Your portal is ready to work with vaadin 7.


Integration via Control Panel


Step 1

Install Vaadin Control Panel from Liferay marketplace. You can find control panel at

I am assuming, now that vaadin control panel is deployed in your liferay portal.


Step 2

Login into Liferay Portal.


Step 3

Go to control panel of Liferay portal and you will find Vaadin Configuration in Configuration section as below.




About slump

Dr Slump ... :D.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: