Socorro Fernandez

Hi Henry!

Glad to hear it is working for you!

The fonts you set in the settings panel can be used here too. You will need to use one of the following variables which will reference the heading font or text fonts:

• $heading_font is the font for headings
• $text_font is the font for body text

Go ahead and replace arial font with the one from above:

.logotitle { 
color: $text_color; 
font-family: $heading_font;
font-size: 18pt; 
}

The default theme fonts essentially add the following font family:

font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

More tips and tricks on Customizing your Help Center found Here

Let me know if you run into any issues here. Thanks!

Hey Henry,

There are a couple of ways to change the styling on this text but good practice is to add a CSS Class with the properties you want and then assign that class to the element.

Here as an example but you would need to add and edit to the style you want:

I added the following to my style.css page which creates a class we can use on our HTML:

.logotitle { 
color: #00FF00; 
font-family:arial; 
font-size: 18pt; 
}

Note: You could name this class anything you wanted but make sure its starts with a . and make sure it doesn't match another class or it will conflict.

Next, I need to assign this class to the element we want to impact. In this case, I want the text from the text we added before to be impacted. I went to the header.hbs and added the following in bold:

{{#link 'help_center'}}

{{/link}}
class="logotitle">Your Text Here

Publishing this would now have my text look like the following"

You can now add/edit the styling properties on the CSS class you created. w3schools CSS section has more ideas on styling properties if you need a reference.

Cheers!

Hi Amie,

There may be a few ways to go about this but I am providing what worked for me. This is still referencing the header.hbs Tom talked about above. We just need to add code after the {{/link}} within the Logo divider. Code I added in Bold:

{{#link 'help_center'}}

{{/link}}
Your Text Here

Outcome:

Adding the element makes it inline rather than its own block. May be a bit tricky if you need specific format etc but this should get you started. Thanks!

The CSS Code does not seem to work for me on the Copenhagen Theme but I instead accessed the category_page.hbs template and added the following code to the bottom of the page:

This will hide all but the first 3 articles in the article list of the category page. I chose to put this directly on the category page because if I put the main CSS page, it would also hide articles on the section_page.hbs which I do not want to happen.

For the issue of the see all articles link not displaying, locate the following code on your category_page.hbs:

{{#if more_articles}}
 
 {{t 'show_all_articles' count=article_count}}
 
{{/if}}
{{else}}

I found that the more_articles is a true or false value. It will become true if there are more than 6 articles. This is why you will not see the link with sections that have less than 7 articles.

If you don't mind having the link show up for all sections regardless of amount of articles, remove the bolded {{#if more_articles}} and {{/if}} from above. Results should look like this:

If you do not want the links to show up for anything less than 4, we need to define that we want these to show up for sections that have 4, 5 and 6 articles. Add the following bolded code after the{{/if}} but before the {{else}} as shown in the code above on the category_page.hbs template . The code will end up looking like this:

 {{#if more_articles}}
 
 {{t 'show_all_articles' count=article_count}}
 
 {{/if}}
 {{#is article_count 4}}
 
 {{t 'show_all_articles' count=article_count}}
 
 {{/is}}
 {{#is article_count 5}}
 
 {{t 'show_all_articles' count=article_count}}
 
 {{/is}}
 {{#is article_count 6}}
 
 {{t 'show_all_articles' count=article_count}}
 
 {{/is}}
 {{else}}

This makes my category page look like this:

A few different solutions here but I hope this helps!

Thanks!

Hey Daniel!

Even if you have the option of enabling attachments to include them directly in the email found here:

https://support.zendesk.com/hc/en-us/articles/204265396-Enabling-attachments-in-tickets#topic_yfj_1nx_xdb

My understanding is that it will still only send the url of the attachment to your target, since the target is somewhat separate from the ticket that is being created or updated and only referencing it.

If you do have the above option to enable attachments enabled, a potential work around could be adding that external email address as an end user to your Zendesk account and creating a trigger to email a user rather than notifying a target. This email notification would include the attachments directly.

This may totally depend on your process as a whole but just wanted to provide this potential solution.

You are most welcome Michael! Happy Zening!

Hi Michael!

Took a bit but I think I got a script to work based on your needs:

You should be able to insert one of the following scripts within your document.ready part of your script.js:

The following script will add .css properties based on the form selected. In this case it is setting pointer-events to none which will disable the drop down functionality:

 if ($("#request_issue_type_select").val() == "ticketformIDhere") {
 $("div.form-field.select.optional.request_ticket_form_id a.nesty-input").css('pointer-events','none');
 };

In the event you would like to add multiple .css elements, the script will look like this. This script will also add a grey background:

if ($("#request_issue_type_select").val() == "ticketformIDhere") {
 $("div.form-field.select.optional.request_ticket_form_id a.nesty-input").css({'pointer-events': 'none','background': '#ddd'});
 };

Another option and If you want to hide the form selection completely based on form id:

if ($("#request_issue_type_select").val() == "ticketformIDhere) {
$(".request_ticket_form_id").hide();
};

Be sure to add your forms ID where it says ticketformIDhere above

Again, please use at your own risk as this is custom scripting. Cheers!

Hi David and Jalle van Goor den Oosterlingh,

The following trigger should work to assign it to the current user which would be whoever is creating the ticket, of course you would want to confirm this isn't stepping over any other trigger of yours:

Hope this helps.

Even an option to pull a full extract from the audit log page or even in the Reports section of Support would be a super helpful start.

While having to pull this from an API and parse the JSON is an option when troubleshooting as an admin, these are extra steps that an auditor may not like to see if any sort of investigation is underway. This is becoming more and more important as we need to ensure we are in compliance, both federally and that of our internal teams.

Thank you Andrew and Andrew!

Though I am not completely versed in code or even consider myself a developer,  I greatly appreciate these types of examples as they give me the chance to learn by build off of them and create a script based on our teams needs.

I believe my team will end up offering a link to the /hc/en-us/requests page when a customer searches a numeric value with no results rather than redirect the customer to the ticket request link. Mainly due to the customer experience and to avoid the error page, should they enter the wrong ticket ID or not have access to the ticket.

There may be a few ways to do this but I ended up replacing line code:

window.location = '/hc/en-us/requests/' + searchQuery;

with the following:

$( "p" ).append("

Looking for a Zendesk Request? Access all your requests here: ").append('

Here is what the search results section would look like if searching 12333 with no results, where it now offers a link to the my requests page:

You would have the flexibility to add text/html to your teams needs, especially if you are using custom html.

All credits to Andrew here! Thanks!