Hey John Kenny

Yes, both of these should be possible.

To change the format of the text you're appending to a Zendesk custom field using JavaScript, you can use jQuery to target the specific label and then apply HTML with the desired styling.

Let's say you want to append text to a label for a custom field and make that text bold. Here's how you could modify your current code snippet:

javascriptCopy code

var label = $('label[for="request_custom_field_12345"]'); // Replace with your actual custom field ID
label.html(label.html() + "<strong> ADD ANY TEXT HERE</strong>");

This code retrieves the current HTML of the label, appends the bold text, and then sets the new HTML back on the label.

If you only need to change the text content without appending anything, you can directly set the HTML like this:

javascriptCopy code

var label = $('label[for="request_custom_field_12345"]'); // Replace with your actual custom field ID
label.html("<strong>ADD ANY TEXT HERE</strong>");

And if you want to add a class to the label for CSS styling:

javascriptCopy code

var label = $('label[for="request_custom_field_12345"]'); // Replace with your actual custom field ID
label.addClass('your-custom-class');
label.html("ADD ANY TEXT HERE");

Then, in your CSS, you would define .your-custom-class with the desired styles.

Remember to replace "request_custom_field_12345" with the actual ID of your custom field. You can typically find this ID by inspecting the HTML of your Zendesk form and looking for the id attribute of the custom field's <input>, <select>, or <textarea> element.

Making the attachment required conditional is a little bit more complex since it is a default field.

In Zendesk, you can't natively hide the attachment field since it's a default part of the ticket form and isn't controlled in the same way as custom fields. However, you can use JavaScript (along with jQuery if it's included in your Zendesk theme) to conditionally hide the attachment field based on the selection made in another custom field.

Here's a general approach to doing this with jQuery:

Add a Trigger to the Custom Field: You'll want to listen for changes on the custom field that should trigger the show/hide action.
Conditionally Hide the Attachment Field: Based on the value of the custom field, you will show or hide the attachment field.

Here is an example of how the code might look:

javascriptCopy code

$(document).ready(function() {
  // Replace 'custom_field_12345' with your actual custom field's ID
  var customFieldSelector = '#request_custom_field_12345';
  
  // Function to show/hide the attachment field
  function toggleAttachmentField() {
    var selectedValue = $(customFieldSelector).val();
    // Replace 'value_to_hide' with the value that should hide the attachment field
    if(selectedValue === 'value_to_hide') {
      $('label[for="request-attachments"]').hide();
      $('#request-attachments').hide();
    } else {
      $('label[for="request-attachments"]').show();
      $('#request-attachments').show();
    }
  }
  
  // Initial check in case the form is pre-filled or when the page loads
  toggleAttachmentField();
  
  // Set up the change event listener
  $(customFieldSelector).change(toggleAttachmentField);
});

You'll need to ensure that this JavaScript is included in your Zendesk theme templates so that it runs when your pages load. You will also need to replace the placeholder values such as custom_field_12345 and value_to_hide with the actual ID of your custom field and the value that should trigger the hiding of the attachment field.

Note: Modifying the default behavior of Zendesk forms can have unintended consequences, such as confusing users who expect to see an attachment field or causing issues with ticket submission. Make sure to thoroughly test any changes you make to ensure that they provide a smooth experience for your users and that you're compliant with any Zendesk terms of service.

Hope this helps!