The Zurich release has arrived! Interested in new features and functionalities? Click here for more

Drag & Drop Functionality - Please help

Sam Jae
Tera Contributor

Hi, 

 

My instance is the latest version of ServiceNow and the drag and drop functionality for file upload on catalog items is not working. 

 

 

It is working in other parts of my instance. 


Please see the code for the widget: 

 

<!-- Direct Attachments Section with Text -->
<div class="wrapper-md row no-margin" role="region" data-label="Attachments" aria-label="Attachments">
<!-- Move the heading outside of the panel -->
<h4 class="panel-title" style="
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #364152;
    margin-bottom: 20px; /* Added bottom margin for spacing */

 

  ">Attachment</h4>

 

  <!-- Keep the container as it is -->
<div class="panel panel-default">
<div class="panel-body">
<div class="add-attachments-area"> 

<div class="file-drop-area" style="padding: 20px; text-align: center; background-color: transparent;">
<sp-attachment-button id="attachment-button"></sp-attachment-button>
<now-attachments-list template="sp_attachment_single_line"></now-attachments-list>
<div class="upload-text" style="margin-top: 10px;">
<!-- Add the warning image above the upload link -->
<img src="warningboxsupport.svg" alt="Warning" style="display: block; margin: 0 auto; max-width: 100px; height: auto;">
<a href="javascript&colon;void(0);" id="upload-link" style="
                color: #004EEB;
                font-family: Inter, sans-serif;
                font-size: 14px;
                font-weight: 600;
                line-height: 20px;
                text-align: left;
            ">Click to upload</a> 
<span style="
                color: #4B5565;
                font-family: Inter, sans-serif;
                font-size: 14px;
                ",</span>
<div style="color: #4B5565; margin-top: 5px; text-align: center; font-size: 12px;">PNG or JPG (max 5 uploads, 10mb per attachment)</div>
</div>
</div>
</div>
</div>
</div>
</div>

 

2 REPLIES 2

Dr Atul G- LNG
Tera Patron
Tera Patron

HI @Sam Jae 

 

I think this can be done via system properties. 

 

AGLearnNGrow_0-1727278184652.png

 

*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.

Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]

****************************************************************************************************************

Where we need to check this setting.