Change color of priority arrows in SmarterTrack
Question asked by Linda Pagillo - September 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

11 Replies

Reply to Thread
0
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
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.
(877) 357-6278
www.smartertools.com
0
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
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, 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
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
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
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.
(877) 357-6278
www.smartertools.com
0
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, 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
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

Reply to Thread