Back to Community Threads
1
Change color of priority arrows in SmarterTrack
Question asked by Linda Pagillo - 9/28/2017 at 2:56 PM
Answered
Hi guys. I have a customer running SmarterTrack Version: 11.3.5766. As you know, the High and Low priority arrows are both gray. Is there a way to change one of those to a different color? Thanks.
Linda Pagillo
Mail's Best Friend
Email: linda.pagillo@mailsbestfriend.com
Web: www.mailsbestfriend.com
Office: 703.988.3606

Authorized Reseller of SmarterTools Products
Authorized Reseller of Message Sniffer

21 Replies

Reply to Thread
0
Linda Pagillo Replied
10/2/2017 at 6:08 AM
SmarterTools team... if you can tell me which file the code for the arrow colors lives in, I can change this myself. Thanks.
Linda Pagillo Mail's Best Friend Email: linda.pagillo@mailsbestfriend.com Web: www.mailsbestfriend.com Office: 703.988.3606 Authorized Reseller of SmarterTools Products Authorized Reseller of Message Sniffer
0
Derek Curtis Replied
10/2/2017 at 10:44 AM
Employee Post
Linda,
 
In SmarterTrack 11.5.6290, High priority is red. Normal and Low are both grey...the difference is that the arrow changes direction on Normal and Low. (Low points the arrow downward.) However, High and Urgent both change that icon to red, and Urgent turns it from an arrow into an exclamation mark. 
 
Regardless, if you inspect the row, here's what the priority CSS classes look like:
 
Low: <span class="boxicon lowpriority " title="Low Priority"></span>
Normal: <span class="boxicon priority " title="Normal Priority"></span>
High: High: <span class="boxicon priority pr3" title="High Priority"></span>
Urgent: <span class="boxicon priority pr3 urgent" title="Urgent Priority"></span>
Derek Curtis COO SmarterTools Inc. www.smartertools.com
0
Linda Pagillo Replied
10/3/2017 at 5:44 AM
Thank you Derek!
Linda Pagillo Mail's Best Friend Email: linda.pagillo@mailsbestfriend.com Web: www.mailsbestfriend.com Office: 703.988.3606 Authorized Reseller of SmarterTools Products Authorized Reseller of Message Sniffer
0
Linda Pagillo Replied
10/3/2017 at 1:49 PM
Derek, one last question... in which file can I find these classes to edit them? Thanks again.
Linda Pagillo Mail's Best Friend Email: linda.pagillo@mailsbestfriend.com Web: www.mailsbestfriend.com Office: 703.988.3606 Authorized Reseller of SmarterTools Products Authorized Reseller of Message Sniffer
0
Derek Curtis Replied
10/3/2017 at 2:02 PM
Employee Post
Hey, Linda...you wouldn't change the actual CSS file itself. You'd want to add in custom CSS right within the SmarterTrack interface. Log in as the system admin then go to Settings-->Manage-->Brands. Open up the brand and go to the Portal Options tab. Here you can add in any customer CSS that would overwrite an existing Class.
Derek Curtis COO SmarterTools Inc. www.smartertools.com
0
Linda Pagillo Replied
10/3/2017 at 2:12 PM
Understood Derek. That is what I thought, but I wanted to make sure. I appreciate your help. Thanks so much!
Linda Pagillo Mail's Best Friend Email: linda.pagillo@mailsbestfriend.com Web: www.mailsbestfriend.com Office: 703.988.3606 Authorized Reseller of SmarterTools Products Authorized Reseller of Message Sniffer
0
Linda Pagillo Replied
10/4/2017 at 5:36 AM
Derek, I'm sorry to keep this ticket going, but I have another question...
 
We want to change the parent row of that entry. So the entries below are for the buttons but we want to re-color the whole parent row. 
 
The row doesn’t have any distinguished class based on priority. Example:
<tr class="" id="ctl00_Split_GP_MPH_hgTickets_15" style="height: 37px;”>
 
I don’t believe we can create a css adjustment to a parent based on what the child td entry has in it (:has() not supported) . We could do this if we wrote it in query though but I’m not sure if it would be possible to include custom javascript as well as CSS?
Linda Pagillo Mail's Best Friend Email: linda.pagillo@mailsbestfriend.com Web: www.mailsbestfriend.com Office: 703.988.3606 Authorized Reseller of SmarterTools Products Authorized Reseller of Message Sniffer
0
Derek Curtis Replied
10/4/2017 at 7:41 AM
Employee Post
Yeah, the Custom CSS area will only recognize and implement custom CSS code. Javascript isn't supported.
Derek Curtis COO SmarterTools Inc. www.smartertools.com
0
Linda Pagillo Replied
10/4/2017 at 12:11 PM
Gotcha. Is there another way we can accomplish what we want?
Linda Pagillo Mail's Best Friend Email: linda.pagillo@mailsbestfriend.com Web: www.mailsbestfriend.com Office: 703.988.3606 Authorized Reseller of SmarterTools Products Authorized Reseller of Message Sniffer
0
Linda Pagillo Replied
10/5/2017 at 5:37 PM
Hi Derek. Can I please get an answer on this soon? I have a customer waiting for my response. Thanks! :)
Linda Pagillo Mail's Best Friend Email: linda.pagillo@mailsbestfriend.com Web: www.mailsbestfriend.com Office: 703.988.3606 Authorized Reseller of SmarterTools Products Authorized Reseller of Message Sniffer
0
Derek Curtis Replied
10/9/2017 at 1:21 PM
Employee Post
Sorry, Linda...meant to reply to you earlier...
 
About the only thing you could is possibly change the Selected style so the selected rows are different, but changing the rows themselves...well, that's a bit beyond my CSS ability. Plus, as you've seen, there's no real Class to edit for any row beyond the one that's been selected. 
 
For example, the selected row looks like this:
 
<tr class="selected" id="ctl00_Split_GP_MPH_hgTickets_0" style="height: 37px;">
 
The next, unselected row looks like this:
 
<tr class="alt" id="ctl00_Split_GP_MPH_hgTickets_1" style="height: 37px;">
 
And the next row, and all subsequent rows after that, look like this:
 
<tr class="" id="ctl00_Split_GP_MPH_hgTickets_2" style="height: 37px;">
 
So there's no class you can edit that would impact much of anything except for editing the selected row. 
Derek Curtis COO SmarterTools Inc. www.smartertools.com
0
Linda Pagillo Replied
10/9/2017 at 1:35 PM
Thanks Derek. I have passed this on to my customer. I appreciate you getting back with me.
Linda Pagillo Mail's Best Friend Email: linda.pagillo@mailsbestfriend.com Web: www.mailsbestfriend.com Office: 703.988.3606 Authorized Reseller of SmarterTools Products Authorized Reseller of Message Sniffer
0
Linda Pagillo Replied
10/12/2017 at 5:59 AM
Derek, the customer added some custom CSS to ST in the Settings-->Manage-->Brands>Portal Options tab and it's not taking effect. Is there something else they need to do to activate it?
Linda Pagillo Mail's Best Friend Email: linda.pagillo@mailsbestfriend.com Web: www.mailsbestfriend.com Office: 703.988.3606 Authorized Reseller of SmarterTools Products Authorized Reseller of Message Sniffer
0
Derek Curtis Replied
10/12/2017 at 7:58 AM
Employee Post
Linda..that section does work. WE use it quite a bit on our own portal. (See the social media icons on the Portal's main page...) My thought is that maybe they're not modifying the CSS properly, or missing a main class that needs to be changed?
Derek Curtis COO SmarterTools Inc. www.smartertools.com
0
Linda Pagillo Replied
10/12/2017 at 8:09 AM
I will let them know and see what they say. Thanks.
Linda Pagillo Mail's Best Friend Email: linda.pagillo@mailsbestfriend.com Web: www.mailsbestfriend.com Office: 703.988.3606 Authorized Reseller of SmarterTools Products Authorized Reseller of Message Sniffer
0
Linda Pagillo Replied
10/19/2017 at 5:43 AM
Derek, the field definitely isn’t working for my customer as they tried adding this code:
 
body {background: red !important;} 
 
That is the most basic and obvious change that they could think of and that didn’t change anything on the actual ticketing system.
 
They even used Developer Tools to manually add it to the page when viewing it and see that the code is correct and what it should change.
 
When they go to the Portal they can see the change: However, they are wanting to make the change to the actual tickets area. Any suggestions?
Linda Pagillo Mail's Best Friend Email: linda.pagillo@mailsbestfriend.com Web: www.mailsbestfriend.com Office: 703.988.3606 Authorized Reseller of SmarterTools Products Authorized Reseller of Message Sniffer
0
Derek Curtis Replied
10/19/2017 at 7:44 AM
Employee Post
Linda -- maybe I don't understand what they're trying to do? They want to change the row color for any high priority ticket, right? Or is it something else? Maybe an image showing their mock up would help...

From what I can tell, there's no way to change the background for a specific row. That's because the priority level isn't attached to the row, but the icon used for setting a ticket's priority. In addition, there isn't a row class apart from "selected" that could be edited. AND if you were to change the "Selected" class, all rows across the product would change to that color.
Derek Curtis COO SmarterTools Inc. www.smartertools.com
0
Linda Pagillo Replied
10/19/2017 at 7:56 AM
What they really want to do is change the priority arrow color for normal and low priority. As you know, both are gray arrows which point up or down. They would like to make one of them a different color.
Linda Pagillo Mail's Best Friend Email: linda.pagillo@mailsbestfriend.com Web: www.mailsbestfriend.com Office: 703.988.3606 Authorized Reseller of SmarterTools Products Authorized Reseller of Message Sniffer
0
Derek Curtis Replied
10/19/2017 at 12:55 PM
Employee Post
Linda..that's what I thought. Unfortunately, the styles attached to those priorities don't have attributes that you can edit to change, say, Low priority to a different color. Urgent and High DO have those attributes..or, at least, another class associated to those priorities that set the color for the icon backgrounds.
Derek Curtis COO SmarterTools Inc. www.smartertools.com
0
Linda Pagillo Replied
10/19/2017 at 1:06 PM
Thanks Derek. I understand and I will let them know.
Linda Pagillo Mail's Best Friend Email: linda.pagillo@mailsbestfriend.com Web: www.mailsbestfriend.com Office: 703.988.3606 Authorized Reseller of SmarterTools Products Authorized Reseller of Message Sniffer
0
Linda Pagillo Replied
10/23/2017 at 6:43 AM
Marked As Answer
Hi Derek. I just wanted to let you know... my customer was able to accomplish what they needed with the priority icons. It turned out that the CSS Override in the “Manage / Brands / Portal Options” was only for the client Portal so it wasn’t really getting them what they wanted.  For using their own internal Management Interface, it seems they needed to work in the CSS Override field in “Configuration / Management Interface / Skin”. The downside of this for some SmarterTrack users might be that it’s universal across all Brands, but it works perfectly for m customer since they only have one Brand. Thanks again for your help.
Linda Pagillo Mail's Best Friend Email: linda.pagillo@mailsbestfriend.com Web: www.mailsbestfriend.com Office: 703.988.3606 Authorized Reseller of SmarterTools Products Authorized Reseller of Message Sniffer
Back to Community Threads

Reply to Thread

Related Knowledge Base Articles

Use "Inspect Element" to Determine CSS ModificationsSmarterTrack > Installation and Configuration
Add Custom CSS for BrandSmarterTrack > Brand Configuration and Management
Creating a Custom Message for Your PortalSmarterTrack > Brand Configuration and Management
Unblock / Allow Browser Notifications in SmarterTrackSmarterTrack > Agent Configuration and Management
Add or Remove Agents for your Hosted SmarterTrack HelpdeskHosted SmarterTrack Helpdesk > General Topics