Have you ever wanted to customize the WebReports login screen, but not sure how.  This article will describe the process of changing the main logo and adding special text to the center Login form. 

We’ll first be navigating to the ../BigFix Enterprise/BES Server/BESReportsData/Templates/Login directory. 

LOGO

We’re going to edit the login.body.html file and add a few pieces of code starting at 30.  We’ll be replacing the current logo div tag, so feel free to remove that.

<style>
.LOGO
{
    top:0px;
    left:0px;
    height:112px;
    width:112px;

              cursor:pointer;
              background: url(http://bigfix.me/content/smalllogo2.png) no-repeat center 3px;
                            
              display:block;
              position:fixed;
                        
              z-order:999999;    
          }
          </style>
          <div onclick="location.href='/';" id="btnLogo" class="LOGO"></div>

Authorized Text

We’ll also be adding some red “Authorized Personnel Only!” text just below the <form> tag. 

<style>
#wr_loginpostdesc {
    text-align:center;
    font-weight:bold;
    color:#ff0000;
}
</style>                    
<div id="wr_loginpostdesc">Authorized Personnel Only!</div>

Feel free to modify the files within the template directories in order to customize your WebReports user interface.

We just modified the login screen to look like the following: