Text line on Ticket Forms?

Dave Foster Could you explain a little further what exactly are you trying to achieve?

Now the question is how do we do this in the API v2 templating, since it seems all the previous customizations will not work. I made a terrible mistake and deleted my v1 Copenhagen theme and now none of the customizations I was using work...

Hey all,

Just adding an FYI here, but came across the comments in this article which can help to lead to a solution to hide additional text/text lines on forms: https://support.zendesk.com/hc/en-us/articles/115002860148-Disabling-the-subject-and-description-fields-on-the-new-request-form-in-Help-Center-

Essentially, if you simply wrap your text/line in an if statement attached to a change function, you can control when it shows, something like this (based on Socorro's examples on that article):

$("#request_custom_fields_yourcustomfieldidhere").change(function() {   // Script will run if this field is changed
 if ($("#request_custom_fields_yourcustomfieldidhere").val() == "valueofcustomfield") {
$('.request_custom_fields_xxxxxxxxx').before( "<p>Header</p><hr>" ); // Your text/line etc.
 }
});

This would mean you may need at add some conditional logic in here, similar to when you set up your conditional fields, but hopefully this helps some people with little javascript experience (like me!) customize their forms a bit more.

Hi

I really don't know what I need to extra to explain my question about adding text, text lines etc. when using Conditional Fields... I think the questions here are pretty clear. 

The topic started with a question about adding static info that belongs to a custom Ticket Field. That works fine, but in the case of a Conditional Field, that static info is always visible, even if the Conditional Ticket Field is invisible in the form (because the condition was not set). 

We would then expect that Zendesk can offer help to achieve this, which tag or whatever to use. 

Thanks

@Mikaël Janssens as mentioned above, this would require some custom code on your end to set this up. Perhaps you can provide some additional information on the workflow you're trying to set up to give other users a better understanding of what you're trying to accomplish?

Additionally, while I'm not able to assist with custom code from my end, we do have some documentation that may help point you in the right direction: 

• Using themes and templates to customize your Help Center
• Help Center CSS Cookbook
• Help Center Templates Introduction
• Help Center Javascript Cookbook
• Tips for using HTML to customize your Help Center

Cheers!

*bump* Also want to use this hint but with conditional fields. 

Thanks

Hey all,

Did anyone figure out a way to show/hide these kinds of headers based on conditional fields? Similar to what Matthew, Kristos and Brendan were attempting earlier.

Currently I have a pretty lengthy form and I am just trying to give it a bit of visual breakup between sections with some horizontal lines/headers, however if I set these to appear before a field using the method Wes suggested (thanks by the way!) and then that field gets hidden, the headers remain which ends up being pretty messy. 

Attaching an example screenshot - On the left, there are sections for Emails and Desktops, which will each potentially expand to up to a couple dozen fields. But then on the right you can see that when all those fields are hidden (not relevant), the headers still show which isn't ideal.

Any tips would be appreciated - I am sure there's a bunch of ways to accomplish this and I'm currently reading up on what other queries I might be able to use here, I am just very inexperienced with html/js and could use all the help I can get.

Thanks!

-SP

@Justin or Kevin - did anyone figure out a way to do this? We're interested in something very similar. Thanks!

Hey Justin and Kevin,

This is a great question, and while possible, it would require custom coding within your Help Center. I'm going to leave this in the hands of some of our great community moderators in case they have further guidance on the code that would be necessary for this!