Using External JavaScript

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

For example to show an a default browser alert dialog, one can use:

alert('Hello World')

Using External JavaScript Libraries

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

• in Servoy Developer add all the the js & css files of the 3rd party plugin as Media; all the the js & css files from here this folder will be added to the mobile page;
• if the plugin requires static html content already on the page, you this can do this be done by placing a bean on the form, that is actually an empty div, and setting its 'its text' property with the static (html) content;
• another usefull useful function that can be used when integrating 3rd party plugins is that from the mobile plugin: plugins.mobile.getMarkupId(), using this you can retrieves used for retrieving the document markup id for the elements of a Servoy form elements and customize and customizing them; which is then usable in calls like like document.getElementById()
• 3rd party plugins initialization code should be placed inside the form's onShow callback , that is called after the page is displayed, ; for 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 This is a sample, its like a Fedex/UPS delivery app, that uses a jquery JQuery based signature library to display a signature field: (checkout with SVN)
https://subversion.servoy.com/examples/MobileDeliverySample/trunk