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

User177031
Kilo Guru

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.

1 ACCEPTED SOLUTION

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&amp;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

find_real_file.png

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

14 REPLIES 14

Ankur Bawiskar
Tera Patron
Tera Patron

Hi Sai,

So have a ui action which is client side and add below code so that user is redirected to the maintain item

I believe user will then fill values and then submit

screenshot below; give your table name

find_real_file.png

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

Hi Ankur,

Provided screenshot code will open the catalog form in New window. But as per the requirement, I need a pop up window on the same demand task form.

- Thank you.

Hi Sai,

So use this 

window.open(url, '_self') ; it will open in same tab

Also there is an error in screenshot; in the onClick function give this

redirectUser()

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

Hi Ankur,

Please refer to the attached screenshot. My requirement is pop up window. But not to open the catalog form in the same window.

- Thank you.