As an example, I will show how to integrate and use the jquery library called "Unslider". First, go to http://unslider.com/ and keep a tab open with this in your browser, as you will have to do some copy/paste.
Add to Bonita BPM Studio resources
This library will now be available for the process.
Edit forms CSS
Now, see how to use it. We need to add some CSS, some html and integrate the .js file in the header of the html template. All necessary code can be copy/pasted from the Unslider website.
While you are in the resources, click on the "CSS" directory, then on "bonita_form_default.css" file. Click on Edit. A new tab is now open with the CSS of the forms:
From the Unslider website, copy and paste the CSS for the slider:
Edit forms template
Still in the pool , go to "Application / Look'n Feel", and edit the "Entry Form Page Template". A new tab will open. In the header add the link to the .js file. The root is the "application" directory of the resources, e.g:
Add the html to the form
Save all open tabs (forms, css, html template, ...) and "Run". If everything is working, you should have something like this: