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
