Using External JavaScript

It's possible to use any valid browser JavaScript API in Servoy mobile

For example to show an default browser alert dialog use:

alert('Hello World')

Using external JavaScript libraries

With Servoy Mobile you can easily integrate 3rd party javascript plugins/libraries in your app. Here are the steps to achieve this :

• in Servoy Developer add all the js & css files of the 3rd party plugin as Media; all the js & css files from here will be added to the mobile page;
• if the plugin requires static html content already on the page, you can do this by placing a bean on the form, that is actually an empty div, and setting its "text" property with the static (html) content;
• another usefull function that can be used when integrating 3rd party plugins is that from the mobile plugin : plugins.mobile.getMarkupId(), using this you can retrieves document markup id for a Servoy form elements and customize them; which then usable in calls like document.getElementById
• 3rd party plugins initialization code should be placed inside the form onShow callback,that is called after the page is displayed, example:

function onShow(event)
{
 var options = {
 	drawOnly : true
 };
 var api = $('.sigPad').signaturePad(options);
 api.regenerate(foundset.orders_to_deliveries.signature);
}

Full example

We made an sample, its like a Fedex/UPS delivery app, that uses a jquery based signature library to display a signature field: (checkout with SVN)
https://subversion.servoy.com/examples/MobileDeliverySample/trunk