Adding Brand Logo to the Process Portal in IBM BPM

By using following steps you can add your Brand logo to the IBM BPM Process Portal:

Changing brand logo at header

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

(say your file name be "logo_XXXXXXX.png")

Go to below file location:

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

Find for below snippet code

#header {

    margin: 0px;

    padding: 0px;

    height: 51px;

    background: url("images/logo-header.png") repeat-x 0px 0px;

    position: relative;

}

After finding the above code, Replace it by following one:

#header {

    margin: 0px;

    padding: 0px;

    height: 51px;

    background: url("images/logo_XXXXXXX.jpg") no-repeat 0px 0px;

    position: relative;

}

Putting Brand Logo in login Page

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 for below snippet code:

#login-header {

    margin: 0px;

    padding: 0px;

    height: 71px;

    background: url("images/logo-header.png") repeat-x 0px 0px;

    position: relative;

}

After finding the above code, Replace it by following one:

#login-header {

    margin: 0px;

    padding: 0px;

    height: 71px;

    background: url("images/logo_XXXXXXX.png") no-repeat 0px 10px;

    position: relative;

}

Now open the portal you can find brand logo in portal.