External JavaScript and CSS Files on a Mobile Device (global)





This page is about the use of external files in a mobile scenario. For information about external files in browser sessions, see here.

External JavaScript and CSS files can be added to your Profound UI installation so that they are loaded globally and are available for use on all screens within your mobile applications. 

For Rich Display File Applications

To globally load JavaScript and CSS files in a mobile session, place them into the following IFS directory or any sub-directory below it: 1

/www/{instance_name}/htdocs/profoundui/userdata/extension/mobile

(Where '{instance_name}' is the name of your installed instance of Profound UI.)



For Rich Display applications, all of the files under the '/userdata/extension/mobile' directory will be automatically loaded into your applications when accessed from a mobile Apache Cordova-style app. 



Example:

If the following code is saved to file /www/profoundui/htdocs/profoundui/userdata/extension/mobile/validateEmail.js in the IFS, then the isValidEmail() function defined here can be used in any Rich Display application running under the Profound UI instance named 'profoundui', when accessed via a mobile Apache Cordova-style app, such as the Profound UI mobile client.

function isValidEmail(email) { var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/; return emailPattern.test(email); }




1 This feature is available in Profound UI Version 6, Fix Pack 4.0 and above.