@KindonC
Install the Drag and Drop Widget: First, ensure that you have the widget ready to use. If it's a custom widget or available in the ServiceNow store, you need to install it in your instance.
- If it's a custom widget, navigate to Service Portal > Widgets and ensure that the drag and drop widget is present in your system. If you don’t have the widget, you can create it using the standard widget development process in ServiceNow.
Embed the Widget in Service Catalog Item Forms: To add the drag-and-drop functionality to all Service Catalog items, you’ll need to embed the widget within the Catalog Item (sc_cat_item) form. You can do this by either modifying the Catalog Item form or using UI Macros.
Here’s an example of how you can add the drag-and-drop widget to the Catalog Item form:
- Open any Catalog Item from Service Catalog > Catalog Definitions > Maintain Items.
- Navigate to the Catalog Client Scripts section of the item, or, alternatively, you can also embed the widget directly into the form’s HTML.
<div>
<!-- Embed the drag-and-drop widget -->
<widget name="drag-drop-widget"></widget>
</div>
Configure the Widget to Work on All Catalog Items: If you want the widget to be available on all Service Catalog items (not just one), you can make the widget a global widget. To do this:
- Go to Service Portal > Pages and find the page template used by Service Catalog Items (often called sc_cat_item or something similar).
- Edit this page, and embed the Drag and Drop widget into the form area where attachments or additional input fields are.
<div>
<widget name="drag-drop-widget"></widget>
</div>
✔️ If this solves your issue, please mark it as Correct.
✔️ If you found it helpful, please mark it as Helpful.
—
Shubham Jain
