This document explains how to customize the color code.

In the Micro Focus Service Desk 7.2 (Redwood) release, a new feature of the Color code is introduced along with the Request Number/ID based on Priority.

This enables a technician to locate the requests that need High, Urgent, Medium, or Low based on the priority.

Color Code based on Priority

By default the following colors are displayed:

Default Color Code

These color codes can be customized as required.

You can customize this feature in the following ways:

• Customization through User Interface

• Customization through CSS Code in CSS File

Customization through User Interface:

1. Login as an administrator.

• Choose Setup > Customize > CSS
  
  

  User Interface for CSS under Admin portal

  
  
  

• Copy the following CSS classes:
  

  .priority_urgent{
  border-left-color: #FF0000;
  }

  
  /* Replace #FF0000 to HEX code of the required color */
  

  .priority_high{
  border-left-color: #FFB266;
  }

  
  /* Replace #FFB266 to HEX code of the required color */
  

  .priority_medium {
  border-left-color: #FFFF00;
  }

  
  /* Replace #FFFF00 to HEX code of the required color */
  

  .priority_low{
  border-left-color: #008000;
  }

  
  /* Replace #008000 to HEX code of the required color */
  

• Scroll-down to the end of CSS and paste.
  

• Replace the border-left-color to the required color.
  
  For example: If you want to change the color code for the Low priority request with Blue ( #0000FF ), then perform the following:
  

  .priority_low{
  border-left-color: #0000FF;
  }

  
  /* Replaced #008000 with HEX code of BLUE color (#0000FF) */
  

Customization through CSS Code in CSS File

You can customize the color code by changing the CSS code in the main-7.0.css file.

The main-7.0.css file is located at the following:

• Windows: C:\Program Files\ServiceDesk\Server\webapps\LiveTime\css

• Linux: /usr/local/ServiceDesk/Server/webapps/LiveTime/css

• Appliance: /srv/tomcat6/webapps/LiveTime/css

In the main-7.0.css file, search for the CSS classes (.priority_urgent, .priority_high, .priority_medium, and .priority_low) then replace the existing border-left-color CSS property with required color.

/* Adding CSS for Priority Colors with the Request Id */

.priority_urgent{
border-left-color: #FF0000;
}

/* Replace #FF0000 to HEX code of the required color */

.priority_high{
border-left-color: #FFB266;
}

/* Replace #FFB266 to HEX code of the required color */

.priority_medium {
border-left-color: #FFFF00;
}

/* Replace #FFFF00 to HEX code of the required color */

.priority_low{
border-left-color: #008000;
}

/* Replace #008000 to HEX code of the required color */