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

HI @Sam Jae 

 

I think this can be done via system properties. 

 

AGLearnNGrow_0-1727278184652.png

 

*************************************************************************************************************
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/dratulgrover [ Connect for 1-1 Session]

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

Not applicable

Where we need to check this setting.