How to Customize Catalog Item's Order Now Button and Container Layouts

cadarsh88 · ‎01-08-2020

I am working on new development of Catalog Item on Servicenow Newyork instance. I want to customize the catalog item layout as the 2nd picture with one big container and a bottom submit button. Is it possible to do it without making changes to the Service Catalog or default macros. Please help.

kklosterman · ‎01-08-2020

When on the portal and on a catalog item view ( Do in dev and in update set ) ctrl + right click on the form area and click instances options. uncheck "Order item section on top"

If you need more than that, it may require you to clone the widget and make the modifications you need to the copied widget and add that to the page instead of the current out of box one.

cadarsh88 · ‎01-09-2020

Hey kklosterman,

Your suggestion to change the instance options worked. However the Submit button is over Add Attachments section. Can I possible change them to the same line as in the screenshot.

Thanks a lot for helping out.

Thanks

Adarsh

Sagar Pagar · ‎01-08-2020

hi,

1) You can customize the Order Now Button in "Portal setting" section in catalog item. or "Maintain cart layout" OOTB is there for customize the maintain cart layout widgets.

2) To change the layout of container, open the container variable. in that "layout" option is there to change the layout.

Refer image for details.

Regards,

Sagar Pagar

The world works with ServiceNow

cadarsh88 · ‎01-09-2020

Hi Sagar,

Thanks for the response.

For point 1, I could do as instructed and see the name change to Submit. However, the old one which I had a reference as, still had Order under Portal Settings. I am suspecting the Service Catalog is modified in the old one.Not sure though.

For Point 2, I haven't created a container variable in the catalog item. So, am not sure how to edit that. However, I could change it as instructed by kklosterman. That worked. The new form looks like below.

This is good, but I should see the Submit to the left end, in the same layer as that of Add Attachments.

Thanks a lot again for helping me out.

Thanks

Adarsh