I want to share this nice hack I created to allow to run custom HTML within a Netsuite form. I am using it to load bootstrap and sweet alert, but it can be used for a lot more! In this example I am loading a basic bootstrap template, it can be tweaked to send POST messages to the suitelet and load more jQuery plugins and scripts. The end result: Leave a comment if you liked it or think it…
Having Suitescript API javascript files available locally is useful for enabling code assist features in some IDE’s like Eclipse and Brackets. To download the files just head to Netsuite’s File Cabinet and you will find the files right above the “Delete Files” button: More info on how to integrate it with your IDE available here.
In order to run clientscript in view mode you need to modify the form on BeforeLoad using a UserEvent script and attach a Clientscript file to the form using clientScriptFieldId function. Here’s some examples on how to do it: Suitescript 1.0:
|
1 2 3 4 5 |
function beforeLoad(type, form) { if (nlapiGetContext().getExecutionContext() == 'userinterface') { form.setScript('customscript_yourscriptid');//<< SET THIS TO YOUR SCRIPT ID } } |
Here’s what you would have in your 1.0 Clientscript customscript_yourscriptid file:
|
1 |
alert('Test succesful'); |
Suitescript 2.0:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
var SEARCHMODULE; /** *@NApiVersion 2.x *@NModuleScope Public *@NScriptType UserEventScript */ define(['N/search'], runUserEvent); function runUserEvent(search) { SEARCHMODULE = search; var returnObj = {}; returnObj.beforeLoad = beforeLoad; return returnObj; } function beforeLoad(scriptContext) { if (scriptContext.type == scriptContext.UserEventType.VIEW) { scriptContext.form.clientScriptFileId = 163452;//<< SET THIS TO YOUR SCRIPT ID //scriptContext.form.clientScriptModulePath = 'SuiteScripts/myClientscript.js';//<< ALTERNATIVELY YOU CAN USE THE PATH scriptContext.form.addButton({ id: 'custpage_some_button', label: 'Some Button', functionName: 'someFunction' }); } } |
Here’s what you would have in your 2.0 Clientscript file:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
var SEARCHMODULE; define(['N/search'], runClientscript); function runClientscript(search){ SEARCHMODULE = search; //*********** HELPER FUNCTIONS *********** function someFunction() { alert('Clientscript someFunction triggered'); return; } var returnObj = {}; returnObj.someFunction = someFunction; return returnObj; } |
Suitescript 2.0 InlineHTML Hack: If you need to run your code without having to click…