Custom Javascript in ProfoundUI

[esdaled]

We are looked at writing some custom javascript to supplement ProfoundUI pages. We would like to be able to do something similar to the process we use with Genie, whereby we have a .js file that is loaded with each pageload (coded in our header.html) and customize() and afterload() functions are called by Genie for each page. Do such facilities exist in ProfoundUI?

[Hany]

Yes, you can do that in Profound UI. This can be done by using the "external javascript" property in the designer (at the record format level) to include a JavaScript file into your display file. This will allow you to browse your IFS for a JavaScript file to include.

Now you can call any function included in that JavaScript file in any of the available events -- such as onload, etc.

[esdaled]

Thanks, but what I am asking is if there is a method of doing this at a global level without having to code the same file and afterload event in every screen.

In Genie, the cusomtize() and afterload() functions are call by Genie for every page load regardless of what has been coded in the designer.

[Hany]

In this case, you need to include the JavaScript file in "start.html" This is the container where your Profound UI applications run.

This file is located under this directory structure:

/www/profoundui/htdocs/profoundui/userdata/html/start.html

This way, the JavaScript file will be available to all of your applications.

[Alex]

Modifying the start.html file is one way to do it. However, this file gets overwritten whenever a new version of Profound UI is installed.

To address this issue, we recently created a simplified way to include JavaScript files. You can simply drop your js files into the /www/profoundui/htdocs/profoundui/userdata/custom/js directory. Anything placed into the "custom" folder is automatically picked up and included at runtime.

This is the method I would recommend. I hope this helps.