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.
Share:

No comments:

Post a Comment