Develop > Presentation layer > Management Center framework > Customize the Management Center user interface > Customizing the Management Center shell > Customizing the branding logo
Changing the logo image
Customize the branding logo image used within the Management Center banner. For example, you can change the image to reflect the own company logo.
Before you begin
Before customizing the logo within the Management Center, ensure you have the following information:
- File name of the custom logo image. The image file should be a PNG, JPEG, or GIF file.
- Location or directory of the custom logo image. The default logo image and location is WCDE_INSTALL\workspace\LOBTools\WebContent\WEB-INF\src\lzx\commerce\shell\resources\ibm_logo.png. Similar to the default logo image, the image should be within the WebSphere Commerce Developer project called LOBTools (for example, under WCDE_INSTALL\workspace\LOBTools\WebContent\WEB-INF\src\lzx\mycompany\shell\resources\mycompany_logo.png).
To change the logo image:
Procedure
- Open WebSphere Commerce Developer and switch to the Enterprise Explorer view.
- In the Enterprise Explorer view, expand LOBTools > WebContent > WEB-INF > src > lzx > commerce > shell.
- Open the ToolBannerArea.lzx file, and locate this line: <view valign="middle" resource="resources/ibm_logo.png" /> .
- Change resources/ibm_logo.png to the relative path to the image (for example, ../../mycompany/shell/resources/mycompany_logo.png).
What to do next
After you complete the customization:
- Right-click LOBTools Project; then click Build OpenLaszlo Project to produce an updated ManagementCenter.swf file under the workspace_dir\LOBTools\WebContent directory. This is the default environment setting.
- Test the changes by viewing them in the Management Center, using this URL: https://hostname:8000/lobtools.
- Deploy the changes to the production environment.
Related concepts
Management Center user interface
Related tasks
Customize the Management Center shell