Katie Sullivan

If you're just looking to increase the height of the dropdowns on the submit a request page, you can add the following to the style.css in the standard Copenhagen theme:

.nesty-panel {
  max-height:300px!important;
}

As stated above, the default is 150px

Here's a simpler way to enforce that users upload an attachment before submitting a request. These changes should be added to the script.js. 

1. Disable the submit button on the form you wish to enforce attachment upload.

const button = document.querySelector('[value="Submit"]');
button.disabled = true;

2. Change the attachments default label to let the user know an attachment is required.

$('label[for="request-attachments"]').html('Attach file template to proceed.');  

3. Add an event listener to the attachments area to detect changes, and only enable the submit button (and change warning text) if there is at least one file attached.

 document.getElementById('request-attachments').addEventListener('change', function(event) {
  var fileInput = event.target;
  var fileCount = fileInput.files.length;
   if (fileCount > 0) {
     attachmentLabel.text("Attachments"); 
     button.disabled = false;
   }
  });

Here's how it looks on the submit a request page, before and after attachment upload:

Before:

After:

Hope this helps someone else!

Please let me know if anyone has found a workaround for this, or if this is a planned Zendesk feature. We want to be able to automate followups on side conversations