Add description to the Attachments field for "Submit a request" form

hey 1265017326570

Did you check to make sure this line in your code contains the correct ID still after you adjusted your forms? 

 if(window.location.href.indexOf("360003591018") > -1) {

1263169152750, sorry for disturbing, I don't understand it's not working anymore on the same form.

I didn't change the code but add and take off a form.

Both pieces of code are still in the same place, I don't understand..

I solved the issue by adding this one finally at the bottom of new_page_request.hbs

<script>
$('div#upload-dropzone').prev().text('New text');
// change New text 
</script>

Hi 1263169152750 ,

You solved my problem, thanks a lot! :-)

Kind regards,

hi 1265017326570

Can you check the document_head.pbs page to confirm if there is a jquery script on there? If not, add the below jquery script to the document_head page and then see if the script to change the attachment field name from there

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

We tried this script (given in the first page of comments of this article, the aim is to change the name of the Attachment field in the form):

<script>
 if(window.location.href.indexOf("360003591018") > -1) {
 $('div#upload-dropzone').parent().find('label').text('Please attach your proof of purchase below')
 }
 // replace 123456 with the 'hardware fault' form ID
</script>

That worked for one of our Zendesk instances but it didn't work in another one (with the Copenhagen theme too and SSO) 

I put the whole new_request_page.hbs code below if anybody got a clue of where the issue might be coming:

<div class="container-divider"></div>
<div class="container">
  <nav class="sub-nav">
    {{breadcrumbs}}
    <div class="search-container">
      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12" class="search-icon">
        <circle cx="4.5" cy="4.5" r="4" fill="none" stroke="currentColor"/>
        <path stroke="currentColor" stroke-linecap="round" d="M11 11L7.5 7.5"/>
      </svg>
      {{search submit=false}}
    </div>
  </nav>

  <h1>
    {{t 'submit_a_request'}}
    <span class="follow-up-hint">
      {{follow_up}}
    </span>
  </h1>

  <div id="main-content" class="form">
    {{request_form wysiwyg=true}}
  
  </div>
</div>
<script>
 if(window.location.href.indexOf("360003591018") > -1) {
 $('div#upload-dropzone').parent().find('label').text('Please attach your proof of purchase below')
 }
 // replace 123456 with the 'hardware fault' form ID
</script>


Thanks for looking

1263082087049 Thanks!!

1263082261809 this page isn't available anymore..

Hello 6548232608 or anyone who can help !

Unfortunately, none of the codes listed on this thread has helped me. It would be helpful to see a screenshot of the HTML code where you are pasting these codes. I would like to just add a description below the Attachments field (see 2nd picture of example I'm trying to produce). The 2nd picture is from the link 23938090508 provided.