Friday, June 22, 2012

How to add Brand Logo to the Process Portal in IBM BPM ???


Below steps might help you add your Brand logo to the IBM BPM Process Portal :

1.) Add Logo image at below location :

D:\IBM\BPM\v7.5\profiles\ProcCtr01\installedApps\VALUED-62KCDF07Node01Cell\IBM_BPM_Portal_VALUED-62KCDF07Node01_server1.ear\portal.war\skins\Leapfrog\images

Let Name of your file be "logo_XXXXXXX.png".




2.) Go to below file:
D:\IBM\BPM\v7.5\profiles\ProcCtr01\installedApps\VALUED-62KCDF07Node01Cell\IBM_BPM_Portal_VALUED-62KCDF07Node01_server1.ear\portal.war\skins\Leapfrog\layout.css

Find below snippet of code
#header {
    margin: 0px;
    padding: 0px;
    height: 51px;
    background: url("images/logo-header.png") repeat-x 0px 0px;
    position: relative;
}


Replace:
#header {
    margin: 0px;
    padding: 0px;
    height: 51px;
    background: url("images/logo_XXXXXXX.jpg") no-repeat 0px 0px;
    position: relative;
}

This step will put the brand logo at header in portal once logged in.

3.) Go to below file:
D:\IBM\BPM\v7.5\profiles\ProcCtr01\installedApps\VALUED-62KCDF07Node01Cell\IBM_BPM_Portal_VALUED-62KCDF07Node01_server1.ear\portal.war\skins\Leapfrog\login.css

Find below snippet:

#login-header {
    margin: 0px;
    padding: 0px;
    height: 71px;
    background: url("images/logo-header.png") repeat-x 0px 0px;
    position: relative;
}

Replace:
#login-header {
    margin: 0px;
    padding: 0px;
    height: 71px;
    background: url("images/logo_XXXXXXX.png") no-repeat 0px 10px;
    position: relative;
}

This step will put the brand logo in Login Page.
Now open the portal you can find brand logo in portal.



No comments:

Post a Comment