How to display custom message in Fiorified BI Launchpad Login page

[arijit_das]

Introduction

In a previous blog, I described a way to display custom message in SAP BusinessObjects BI Launchpad login page for version 4.0 & 4.1. Since SAP BusinessObjects BI Platform version 4.2 SP04, the Fiorified BI Launchpad has been introduced. In this blog, I shall describe how to do similar customization in the new Fiorified BI Launchpad.

Requirement

Let the requirement be as below:

1. To show a pop-up message when the user enters the URL for the Fiorified BI Launchpad.


2. In the log-in screen we need to show some custom message.

Assumption

1. A standalone deployment of SAP BO BI Platform 4.2 SP05 configured with bundled Tomcat web application server.


2. Only English language pack has been installed.


3. BO server OS: Windows.


4. No SSO configured.

Steps

Here are the steps to achieve the requirement:

Note:

This customization is not supported by SAP. These steps may not work in future releases of the product.

1. 
   
   
   
   1. Navigate to <Tomcat Installation directory>\webapps\BOE\WEB-INF\eclipse\plugins\webpath.FioriBI\web\com\sap\fioribi\css folder.
   
   
   2. Keep a backup of the file Logonpage.css in a safe location.
   
   
   3. Modify the css file and add a class for styling the custom message to be displayed in the login screen. I have used following class:
      

      .BILP-customMessage{
      
      	outline-style:none !important;
      
      	font-family:"Georgia" !important;
      
      	font-size:12px !important;
      
      	color: blue !important;
      
      	font-weight: bold !important;
      
      }

      
      
   
   
   4.  Navigate to the folder <Tomcat Installation directory>\webapps\BOE\WEB-INF\eclipse\plugins\webpath.FioriBI\web\com\sap\fioribi\modules\logonpage.
   
   
   5. Keep a backup of the file LogonpageView.view.js in a safe location.
   
   
   6. Open the JavaScript file in an editor. I used Web IDE as it provides option to beautify the code and thus improves readability.
   
   
   7. Locate the line
      

      ... var oHeadLabel = new sap.m.Label ... ​

      
      
   
   
   8. Add following lines just before the above line. Change the text to display your own message:
      

      var oCustomMessage = new sap.m.Label({
      
      		text: "For login credentials, kindly contact Arijit Das."
      
      	}).addStyleClass("BILP-customMessage");​

      
      
   
   
   9. Locate the following line in the same file:
      

      var oVlayout = new sap.m.VBox({
      
      		items: [oMatrixLayout0, oHeadLabel, oSubLabel, oErrorMessageStrip, oMatrixLayout, oLoginButton, oMatrixLayout2, oMatrixLayout1]
      
      }).addStyleClass("sapUiSizeCompact BILP-Vbox");​

      
      
   
   
   10. Modify the line as below:
       

       var oVlayout = new sap.m.VBox({
       
       		items: [oMatrixLayout0, oCustomMessage, oHeadLabel, oSubLabel, oErrorMessageStrip, oMatrixLayout, oLoginButton, oMatrixLayout2, oMatrixLayout1]
       
       }).addStyleClass("sapUiSizeCompact BILP-Vbox");​

       
       
   
   
   11. Locate the following line:
       

       return loginPage;​

       
       
   
   
   12. Add the line below just before the above line. Change the text to display your own pop-up message.
       

       alert('Information: \n Any Report / UserID not used in last 2 months will be cleaned up as part of Regular System maintenance.');​

       
       
   
   
   13. Save the file.
   
   
   14. Stop Tomcat in the BO server.
   
   
   15. Delete the folder <Tomcat Installation directory>\work\Catalina\localhost\BOE. This is a temporary folder and will be re-created when tomcat will be started.
   
   
   16. Start Tomcat from Central Configuration Manager. It will take some time to re-generate the BOE temporary folder which we deleted in the previous step.
   
   
   17. Now open the new BI Launchpad URL: http://boserver:port/BOE/BILaunchpad in the browser.
   
   
   18. First the pop-up message will appear as we configured in step 12.
   
   
   19. Once you click OK, the logon screen will appear with custom message that we configured in step 8.