For Tips page: Custom javascript for coloring queue labels in dashboard
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>');
});
}
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

1 Posted by Nicole on 13 Mar, 2014 08:11 PM
Thanks for sharing that with us! We'll anonymize it and be sure to share it.
Thanks,
Nicole
Julien closed this discussion on 30 May, 2014 03:50 PM.