- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-29-2020 01:35 AM
Hi All,
I am new to the service portal, just started practical learning on it, I am creating a simple custom widget with simple client script as below, getting an error as highlighted in the red color,
Can someone provide me the useful URL/Documents or Youtube videos for a custom widget creation?
// Client script
function(spModal) {
var c = this;
c.onAlert = function () {
spModal.alert('How do you feel today?').then(function (answer) {
c.simple = answer;
});
}
}
It should contain a JavaScript function
Screenshot for reference
Solved! Go to Solution.

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-29-2020 09:59 PM
Hello,
Please check the below ss of what i tried on my PDI -
HTML -
<div>
<button id="widget-button" class="btn btn-primary" ng-click="c.onclickFunc()">Submit</button>
</div>
Client Controller -
function(spModal){
var c = this;
c.onclickFunc = function()
{
spModal.alert("Hi");
}
}
What i think here is you're editing the widget in the backend and not in the widget editor, try this in widget in editor and you wont see the error.
I have the same error in the PDI and hence it is asked to edit a widget in Widget editor always.
Hope this resolves your issue.
Regards
Omkar Mone
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-29-2020 06:04 AM
Hi Dhananjay,
Thanks for the links but I am looking for widget client script issue resolvation
do you have any idea? how to resolve that issue?
Thanks

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-29-2020 09:59 PM
Hello,
Please check the below ss of what i tried on my PDI -
HTML -
<div>
<button id="widget-button" class="btn btn-primary" ng-click="c.onclickFunc()">Submit</button>
</div>
Client Controller -
function(spModal){
var c = this;
c.onclickFunc = function()
{
spModal.alert("Hi");
}
}
What i think here is you're editing the widget in the backend and not in the widget editor, try this in widget in editor and you wont see the error.
I have the same error in the PDI and hence it is asked to edit a widget in Widget editor always.
Hope this resolves your issue.
Regards
Omkar Mone