Customizing Headers with corporate colors and logo in maximo

To

Steps to follow:

 

1 .Locate your images in the folder structure 

                                       Within the folder structure there may be multiple image locations that are used for different skins and screen mirroring in bi-directional language scenarios.

We have 3 general locations for left to right images. They are:

applications\maximo\maximouiweb\webmodule\webclient\images
applications\maximo\maximouiweb\webmodule\webclient\skins\mobile\images
applications\maximo\maximouiweb\webmodule\webclient\skins\tivoli09\images

2 .Determine the skin your system is using 

                                       In 7.x, prior to 7.5 the default skin uses the css and images in the folders directly under the webclient folder. From 7.5 the tivoli09 skin is used and the corresponding folder will contain the images and css. If you are not sure which skin you are using see the skin images above to help you identify.    

 3 .Locate and backup the images. 
  Navigate to the folder for the skin you are using and backup the images shown below:

         tivoli09 -       banner_bkg.png                        --> size 205 bytes  resolution 1*45

                               banner_swoosh.png size          --> 15kb resolution 557*45

                               banner_swoosh_applink.png  --> size 15kb resolution 557*45

                               banner_bkg_applink.png        --> size 195bytes resolution 557*45          

4 .Modify the images to have the coloring and look you desire - 

                                Open the   images in the image editor of your choice and edit them as desired. Maintain the size of the images so that the layout will work correctly.

    

              

5 .Modify css classes to change text color if desired - 

                                                          Locate the appropriate css file within the same path as your used skin. Find maximo.css and look for the following classes:

powerwhite,
goto,

txtappname.

Change the color of these classes to the text color you desire. 

 6.Rebuild your ear file and re-deploy

      

     clear the history and cookies ,cache