For Tips page: Custom javascript for coloring queue labels in dashboard

smorr's Avatar

smorr

13 Mar, 2014 07:40 PM

Here is something that helps us out a lot when we are looking at the dashboard for identifying issues.

This will transform the grey queue name preceding a discussion to a colored "label" that can be scan quickly.

Add the following code to the custom javascript

// note add a tag for each queue name , use the a.queue[href$="queueNameEnding"] selector
// eg if the queue link is "http://support.indev.ca/dashboard/queues/11111-scott", then a.queue[href$="scott"], will apply the style to these links

if (typeof jQuery != 'undefined') {
  $(document).ready(function(){
    $('head').append('<style type="text/css">'
                     +'a.queue[href$="scott"] {background-color:blue; color:white !important; padding:2px !important; -webkit-border-radius:3px;}'
                     +'a.queue[href$="wallbe"] {background-color:green; color:white !important; padding:2px !important; -webkit-border-radius:3px;}'
                     +'a.queue[href$="urgent"] {background-color:red; color:white !important; padding:2px !important; -webkit-border-radius:3px;}'
                     +'</style>');
  });
}
  1. 1 Posted by Nicole on 13 Mar, 2014 08:11 PM

    Nicole's Avatar

    Thanks for sharing that with us! We'll anonymize it and be sure to share it.

    Thanks,
    Nicole

  2. Julien closed this discussion on 30 May, 2014 03:50 PM.

Discussions are closed to public comments.
If you need help with Tender please start a new discussion.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac