Micro Focus Service Desk 7.2 (Redwood) Color Code Customization for the Priority

0 Likes
over 5 years ago
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 Color Code based on Priority



By default the following colors are displayed:

Default Color Code 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 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 */


 

Labels:

How To-Best Practice
Comment List
Anonymous
Related Discussions
Recommended