Horizontal Slider in Vaadin

Hello,

I would like to implement a similar functionality, as in
http://jsfiddle.net/eHded/940/
(a horizontal slider panel) on click of a Vaadin Button. Can somebody help me ? How do I use this same JavaScript in Vaadin ? What are the steps I need to follow to create this animation effect using JavaScript in Vaadin ?

Please guide. Thanks in advance.

Hello Rohini,

Did you try looking at
Animator
Addon? This is a pretty cool addon. Pls have a look at it and get back if it doesn’t solve your problem!

Thanks,
Krishna.

Hi Krishna,

Basically, I wanted to use an already existing JavaScript function into my Vaadin project. Can you please guide me on how to use this JavaScript function here :
http://jsfiddle.net/eHded/940/
? I have many such similar JavaScripts already written which I want to integrate with Vaadin. Need some guidance here.

Thanks !

Phew, I think it is a long way to go, firstly you are using Jquery. Which means you have to integrate Jquery with your Vaadin Applicaiton. Please have a look at
this
&
this
on how to achieve at the functionality you are looking at. As the application is in vaadin, I strongly suggest you should take a look at that
Animator
addon before you proceed further.

Thanks,
Krishna.