question Re: Anyone Successfully Using Sweetalert 2 with ServiceNow? in ServiceNow AI Platform forum

Anyone Successfully Using Sweetalert 2 with ServiceNow?

Paul Curwen — Thu, 15 Jun 2017 20:22:43 GMT

Hi, I'm currently using SweetAlert which is available from Share as an Update Set from:

SweetAlert 2 is now available from Share:

https://developer.servicenow.com/app.do#!/share/contents/1722265_sweetalert2_a_beautiful_responsive_customizable_accessible_waiaria_replacement_for_javascripts_popup_boxes?v=2.4&t=PRODUCT_DETAILS

it has a few extra features I'd like to use, just can't get it working in ServiceNow

Any advice appreciated,

Regards,

Paul.

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

Justin Abbott — Fri, 16 Jun 2017 13:12:08 GMT

You should be able to replace the SweetAlert 1.0 UI Scripts and Stylesheets with the SweetAlert2 ones.

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

Paul Curwen — Fri, 16 Jun 2017 15:57:15 GMT

Hi Justin,

Thanks for the reply.

That is what I thought, sounds easy, but can't get it working. Unfortunately there isn't a nice Update et for SweetAlert 2.

Installing SweetAlerts v 1 using the update set from Share creates the following ServiceNow components:

Style Sheet - SweetAlerts.css

UI Script - SweetAlerts-min (which contains the javascript)

UI Script globalsweetalerts (which is global and points back to the css (sys_id) and the javascript library in SweetAlerts-min)

so I copied the files down from GitHub and manually updated ServiceNow replacing the script in SweetAlerts-min with the new script and updated the css with the new text, and not working

Anyone successfully got this working?

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

Justin Abbott — Fri, 16 Jun 2017 17:02:04 GMT

Can you post those files?

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

Paul Curwen — Thu, 28 Sep 2017 17:47:26 GMT

It's now up on Share, packaged up and ready to go

https://developer.servicenow.com/app.do#!/share/contents/1722265_sweetalert2_a_beautiful_responsive_customizable_accessible_waiaria_replacement_for_javascripts_popup_boxes?v=2.4&t=PRODUCT_DETAILS

Thanks for taking the time Matt.

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

jralph — Mon, 03 Jun 2019 15:37:51 GMT

I recently installed it and can't get it to stop auto closing after a couple of seconds.

Please help.

June

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

jralph — Tue, 04 Jun 2019 18:15:23 GMT

After spending 2 days trying to get the alert from not auto-closing, I gave up. I went back to the standard one.

I don't know if it has to do with "promise" or what.

Maybe someone can help.

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

Paul Curwen — Thu, 06 Jun 2019 08:16:48 GMT

Hi jralph

I now have it all working in both London and Madrid.

The Update Set I've used is v2.3 which is available form Share here:

https://developer.servicenow.com/app.do#!/share/contents/1722265_sweetalert2_a_beautiful_responsive_customizable_accessible_waiaria_replacement_for_javascripts_popup_boxes?v=2.3&t=PRODUCT_DETAILS

No extra config was required just installed the Update Set and works a treat. Finally I can use Question marks 🙂 Some of the new features are great, a big improvement on Sweet 1

I've only used it in Chrome so if you are using it in IE11 you may have issues according to the comments from other on the Share page.

You will also find the resources here useful: https://sweetalert2.github.io/

It comes with a great sample table as well:

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

sgmartin — Fri, 04 Oct 2019 19:24:31 GMT

I think it does have to do with Promises, whatever those are. I don't think ServiceNow supports =>.

So instead of:

then((result) => {

I replaced it with:

then(function(result) {

And it works in the UI Action I was working on. Now I can't get it to work in an onLoad Client Script. The alert comes up just fine, but clicking the OK button does nothing.

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

Paul Curwen — Sun, 06 Oct 2019 10:54:18 GMT

Worked out why we are having these issues. Promises support and arrow function (=>) were introduced in ECMAScript 6 (2015). ServiceNow is still using ECMAScript 5 (2010) so we just need to revert to good old fashioned functions for the callbacks for now.

Interestingly the ServiceNow code checker will complain at the use of ECMAScript 6 syntax such as let, const, promsie and =>etc, but Chrome will still interpret these and works. IE11 will not as IE11 neither supports arrow functions nor native Promises.

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

sgmartin — Sun, 06 Oct 2019 12:55:15 GMT

Does anyone have this working in an onLoad Client Script. Even the basic one doesn't do anything when I click the OK button.

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

Paul Curwen — Sun, 06 Oct 2019 20:29:54 GMT

Yes, working fine with no issues. Which browser are you using and which ServiceNow version?

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

sgmartin — Sun, 06 Oct 2019 22:00:52 GMT

Chrome on both London and New York.

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

sgmartin — Mon, 07 Oct 2019 13:55:27 GMT

Works just fine in a UI Action script I have, but just on an onLoad, clicking the button does nothing. We've upgraded our Dev instance to New York in preparation to upgrade Test & Prod, but it does the same thing in our Test instance that is still on London.

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

reginabautista — Mon, 25 May 2020 09:40:00 GMT

Hi I have recently implemented this and worked great in native UI. However I am having issues using this in Service Portal. I can see the update set automatically added the widget depencies but still no luck. I even added the JS CDN url as mentioned in the article below but still no joy. Would anyone know what I may be missing? Greatly appreciate any help. Thanks - Regina

https://community.servicenow.com/community?id=community_question&sys_id=db44cf29dbd8dbc01dcaf3231f96191d

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

Jose Baby1 — Wed, 02 Dec 2020 11:00:07 GMT

Hi Guys ,

Sweet Alerts is fabulous ! Is there a way to get it working on Service Portal as well ?

Thank you

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

Paul Curwen — Wed, 02 Dec 2020 11:42:32 GMT

Yes we have it fully working, just make sure you have it defined in the dependencies on each widget that uses Sweetalert.

For defining dependencies this is a great article: https://community.servicenow.com/community?id=community_article&sys_id=78cb624fdb5edbc0fc5b7a9e0f961952

See post above by reginabautista which lists the exact entries required for Sweetalert

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

Jose Baby1 — Wed, 02 Dec 2020 15:14:14 GMT

Hi Paul ,

Works cool now ! thank you.

Instead of adding UI script on the widget as a dependency , I added the UI script as 'JS includes' on the sp_theme record of your portal .

Thanks

Jose

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

rksnow — Mon, 01 Mar 2021 19:39:05 GMT

Can we add a vertical scroll bar to the sweet alerts?

Re: Anyone Successfully Using Sweetalert 2 with ServiceNow?

-Andrew- — Wed, 27 Oct 2021 10:24:08 GMT

After 2 years, this simple comment is still helpful.

Many thanks.