Changing the logo image

Customize the branding logo image that is used within the Management Center banner. For example, you can change the image to reflect your own company logo.

Before you begin

Before you customize the logo within the Management Center, ensure that you have the following information:
  • File name of your custom logo image in PNG, JPEG, or GIF format.
  • Location or directory of your custom logo image. The default logo image and location is WCDE_installdir\workspace\LOBTools\WebContent\WEB-INF\src\lzx\commerce\shell\resources\ibm_logo.png. Place your image in the WebSphere Commerce Developer project called LOBTools (for example, under WCDE_installdir\workspace\LOBTools\WebContent\WEB-INF\src\lzx\mycompany\shell\resources\mycompany_logo.png).


  1. Open WebSphere Commerce Developer and switch to the Enterprise Explorer view.
  2. In the Enterprise Explorer view, expand LOBTools > WebContent > WEB-INF > src > lzx > commerce
    > shell.
  3. Open the ToolBannerArea.lzx file, and locate this line: <view valign="middle" resource="resources/ibm_logo.png" />.
  4. Change resources/ibm_logo.png to the relative path to your image (for example, ../../mycompany/shell/resources/mycompany_logo.png).

What to do next

After you complete your customization:
  1. Right-click LOBTools Project; then click Build OpenLaszlo Project to produce an updated ManagementCenter.swf file under the workspace_dir\LOBTools\WebContent directory. This setting is the default environment setting.
  2. Test your changes by viewing them in the Management Center, using this URL: https://hostname:8000/lobtools.
  3. Deploy your changes to your production environment.