Recent searches


No recent searches

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

Answered


Posted Apr 15, 2016

At the bottom of our "Submit a request" form in our Help Center is an automatic upload form for adding attachments. I would like to add a description similar to the description I've added to my other fields. The problem is, the Attachments field is not accessible in our Ticket Fields Admin Settings so I'm not able to add a description yet I am able to add one to all the other fields (i.e. Subject, etc). Below is an example showing our "Submit a request" form for context.


I looked at the HTML for our Help Center and found there is a template called "New Request Page" with a reference to "{{request_form}}" but I'm not sure how to access that or edit it. 


0

83

83 comments

image avatar

Vlad

The Wise One - 2022Community Moderator

I'm very glad to hear that!
Thanks, Marci for your feedback! 

0


Hello all !

Using jquery to solve this sounds like a great idea. Any suggestion to implement the same strategy when the form is displayed inside the chat widget? (since the elements do not exist in the ready function, we cannot change them until they appear.

Thank you!!

0


Can anyone help me add a description to the subject field for a specific form? 
Thanks 

0


image avatar

Michael Froeming

Zendesk Customer Care

Hi Jonathan,

Looks like this question is answered by one of our community moderators in this post: https://support.zendesk.com/hc/en-us/community/posts/360037440134-How-to-change-the-name-of-the-subject-field-in-the-ticket-forms-.

Best,

Michael Froeming | Senior Customer Advocacy Specialist

NEW - Zendesk offers free, on-demand training for all of our products. Set up your account and start learning today at training.zendesk.com

0


Hello @... 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 @... provided. 

2


Michael Froeming this page isn't available anymore..

0


image avatar

Brett Bowser

Zendesk Community Manager

Hey Raphaël,
 
It looks like some images in that post you were linked were broken which is why it was hidden.

I've gone ahead and re-uploaded the images and made the post public so you should now have access.

Let me know if you continue to experience issues!

0


Brett Bowser Thanks!!

0


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

0


hi Raphaël Péguet - Officers.fr

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>

0


Hi Amie Brennan ,

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

Kind regards,

 

0


Amie Brennan, 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>

0


hey Raphaël Péguet - Officers.fr

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) {

0


Hey, is this code will work in any way? 

I've tried to paste that code to change the "Attachment" field in one of my forms, but it does not work:

<script> 
 if(window.location.href.indexOf("4420689591703") > -1) {
$('div#upload-dropzone').parent().find('label').text('Please attach your node logs')
 }
</script>

Is there any way to make the ticket unsubmittable if the user has not added the attachment? 

2


image avatar

Tipene Hughes

Zendesk Developer Advocacy

Hi Andrii Kozychko,

While it's not possible to require the attachment field in your help center directly out of the box, here's a great user submitted example of how you could implement a required attachment to your request form:

https://support.zendesk.com/hc/en-us/community/posts/4409515169946-Requiring-a-ticket-attachment-if-a-particular-dropdown-option-is-selected

I hope this helps! Feel free to reach out with any questions.

Tipene

0


I suspect the code posted in 2020 is no longer valid. The div listed is not where this text field lives, at least not for me. 

0


@... No, I'm referring to the code in the comments on this article, for example: https://support.zendesk.com/hc/en-us/community/posts/4409515328538/comments/4409510181018
I have confirmed that jQuery is present in my document_head.hbs . 

Here's a screenshot showing that the div id for "upload-dropzone" closes before the attachment text code even appears, which is why it doesn't work: 


I just haven't had a chance to figure out how to rewrite the JS to reference this class instead of the div ID. 

0


Thanks for the clarification, CJ – you might be able to use this? https://www.w3schools.com/jsref/met_document_getelementsbyclassname.asp

0


Is it possible to either have multiple attachment fields or have the caption change based on which ticket form is being used?

0


image avatar

Dane

Zendesk Engineering

Hi Jack, 

Multiple attachment fields in a form is not natively available. However, you are able to alter your requests page through the altering of your theme on Guide and could likely achieve a similar result to the change you are looking to make. Please take note that customization of HC code is outside our scope. 

0


I am trying to check for form and a field drop down option is picked. And if those two options are picked then changes the text.

Here has what i have come up with

 if(window.location.href.indexOf("123412") > -1 && $('.form-field.request_custom_fields_112313.val() = "Eligibility Letter"') {
 $('div#upload-dropzone').parent().find('label').text('Attach copy of Letter (Required)')
 }

1


How can we change the description text based on the drop-down values we select? Is it possible to conditionally change the description at the bottom of attachment field?

0


Please sign in to leave a comment.

Didn't find what you're looking for?

New post