{"id":30,"date":"2012-08-16T22:27:24","date_gmt":"2012-08-16T21:27:24","guid":{"rendered":"http:\/\/tempdetheux.food.blog\/2012\/08\/16\/zendesk-add-color-to-priorities-in-views\/"},"modified":"2019-07-19T17:02:05","modified_gmt":"2019-07-19T15:02:05","slug":"zendesk-add-color-to-priorities-in-views","status":"publish","type":"post","link":"https:\/\/arnaud.detheux.org\/blog\/zendesk-add-color-to-priorities-in-views\/","title":{"rendered":"Zendesk: add color to priorities in Views"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div><p>It\u2019s a very, very minor addition but I tweaked our Zendesk CSS to show some colours next to each ticket\u2019s priority level. I didn\u2019t use the Zendesk score feature so I removed that column from the Views we have but I wanted to know, by having a quick glance, how many low, normal or urgent requests we had.<\/p>\n<p>The solution<br \/>\nExcept from <em>priority_normal<\/em>, each priority has its own CSS class. So I simply added to my custom CSS the following code to add some colors (obviously, blue is \u201crelaaax\u201d and red is \u201cWTFBBQ!11!!\u201d)<\/p>\n<pre>priority_urgent{\ncolor:red;}<\/pre>\n<pre>.priority_high{\ncolor:orange;}<\/pre>\n<pre>.priority_low{\ncolor:blue;}<\/pre>\n<pre>The result<\/pre>\n<figure><img decoding=\"async\" data-width=\"494\" data-height=\"302\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/0*9CUhHPaVRL1vresq.png\"><\/figure>\n<pre>The source\nAvailable <a href=\"https:\/\/github.com\/AdeTheux\/Zendesk-widgets\/blob\/master\/zendesk_priority_colors.css\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>.<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>It\u2019s a very, very minor addition but I tweaked our Zendesk CSS to show some colours next to each ticket\u2019s priority level. I didn\u2019t use the Zendesk score feature so I removed that column from the Views we have but I wanted to know, by having a quick glance, how many low, normal or urgent&hellip;<\/p>\n<p class=\"read-more\"><a class=\"readmore-btn\" href=\"https:\/\/arnaud.detheux.org\/blog\/zendesk-add-color-to-priorities-in-views\/\">Read More<span class=\"screen-reader-text\">  Read More<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","jetpack_post_was_ever_published":false},"categories":[7],"tags":[63,18,20,30,55,57],"class_list":["post-30","post","type-post","status-publish","format-standard","hentry","category-customer-experience","tag-archive","tag-css","tag-customer-support","tag-hack","tag-tip","tag-zendesk"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/arnaud.detheux.org\/blog\/wp-json\/wp\/v2\/posts\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arnaud.detheux.org\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/arnaud.detheux.org\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/arnaud.detheux.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arnaud.detheux.org\/blog\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":2,"href":"https:\/\/arnaud.detheux.org\/blog\/wp-json\/wp\/v2\/posts\/30\/revisions"}],"predecessor-version":[{"id":450,"href":"https:\/\/arnaud.detheux.org\/blog\/wp-json\/wp\/v2\/posts\/30\/revisions\/450"}],"wp:attachment":[{"href":"https:\/\/arnaud.detheux.org\/blog\/wp-json\/wp\/v2\/media?parent=30"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/arnaud.detheux.org\/blog\/wp-json\/wp\/v2\/categories?post=30"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/arnaud.detheux.org\/blog\/wp-json\/wp\/v2\/tags?post=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}