Open Catalog Form on pop up window when User click UI Action on Demand Task

User177031 · ‎05-29-2019

Hi All,

Need your help with the scripting in creating UI Action 'Create Request' as per below requirement.

When User click the UI Action, a pop up should open with catalog form (com.glideapp.servicecatalog_cat_item_view.do?v=1&sysparm_id=e7aba52613bbe700f7ad57963244b06c) and user should submit the catalog form through the popup.

- Thank you.

Ankur Bawiskar · ‎05-29-2019

Hi Sai,

Here is the approach:

1) create UI action client side

script below:

var gdw = new GlideDialogWindow('display catalog page');
gdw.setTitle('Catalog Item');
gdw.setSize(1050,1000); //Set the dialog size as per your requirement
gdw.render();

2) create UI page with name as display catalog page

UI Page HTML Code: PUT YOUR SYS ID IN bold; you need to use & instead of & in ui page or else it won't get saved

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<html>
<iframe src="/com.glideapp.servicecatalog_cat_item_view.do?v=1&sysparm_id=92a23e864f303200fc11fa218110c7e5" scrolling="yes" style="height:100%; width:100%"/>
</html>
</j:jelly>

Note: I have tested this and catalog item is getting submitted in that iframe window

Also the size of GlideDialogWindow cannot be increased further so user need to scroll in the catalog item

you can have trial and error on that for size

screenshot below

Mark Correct if this solves your issue and also mark Helpful if you find my response worthy based on the impact.
Thanks
Ankur

Regards,
Ankur
✨ Certified Technical Architect || ✨ 9x ServiceNow MVP || ✨ ServiceNow Community Leader

View solution in original post

Ankur Bawiskar · ‎05-29-2019

Hi Sai,

So you want it to be like modal dialog window?

Regards

Ankur

Regards,
Ankur
✨ Certified Technical Architect || ✨ 9x ServiceNow MVP || ✨ ServiceNow Community Leader

User177031 · ‎05-29-2019

Hi Ankur,

Exactly...Any luck in helping me on this?

- Thank you.

Ankur Bawiskar · ‎05-29-2019

Hi Sai,

Was looking into that yesterday but still no luck.

if found anything will post here

Regards

Ankur

Regards,
Ankur
✨ Certified Technical Architect || ✨ 9x ServiceNow MVP || ✨ ServiceNow Community Leader

Ankur Bawiskar · ‎05-29-2019

Hi Sai,

Here is the approach:

1) create UI action client side

script below:

var gdw = new GlideDialogWindow('display catalog page');
gdw.setTitle('Catalog Item');
gdw.setSize(1050,1000); //Set the dialog size as per your requirement
gdw.render();

2) create UI page with name as display catalog page

UI Page HTML Code: PUT YOUR SYS ID IN bold; you need to use & instead of & in ui page or else it won't get saved

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<html>
<iframe src="/com.glideapp.servicecatalog_cat_item_view.do?v=1&sysparm_id=92a23e864f303200fc11fa218110c7e5" scrolling="yes" style="height:100%; width:100%"/>
</html>
</j:jelly>

Note: I have tested this and catalog item is getting submitted in that iframe window

Also the size of GlideDialogWindow cannot be increased further so user need to scroll in the catalog item

you can have trial and error on that for size

screenshot below

Mark Correct if this solves your issue and also mark Helpful if you find my response worthy based on the impact.
Thanks
Ankur

Regards,
Ankur
✨ Certified Technical Architect || ✨ 9x ServiceNow MVP || ✨ ServiceNow Community Leader

Ankur Bawiskar · ‎06-03-2019

Hi Sai,

Any update on this?
Can you mark my answer as correct, helpful if you were able to achieve the requirement. This helps in removing this question from unanswered list and helps users to learn from your thread. Thanks in advance.

Regards
Ankur

Regards,
Ankur
✨ Certified Technical Architect || ✨ 9x ServiceNow MVP || ✨ ServiceNow Community Leader