Home
User Guide
The information contained in this section applies to IBM WebSphere Commerce Version 7.0.0.9 and Feautre Pack 8. The documentation also applies to all subsequent releases and modifications until otherwise indicated in new editions.
Developing
The topics in the Developing section describe tasks performed by an application developer.
Presentation layer
WebSphere Commerce uses Java Server Pages (JSP) to implement the view layer of the Model-View-Controller (MVC) design pattern. The view layer is in charge of retrieving data from the database through the use of data beans and formatting it to meet the display requirements. The view layers determines whether the request is sent to a browser or streamed out as XML. JSP files present a clean separation between data content and presentation.
Management Center framework
The Management Center framework is the foundation for business user tooling. The business objects are defined by the individual components that make up the Management Center. The framework uses those definitions to provide all of the features that you can use to find, create, modify, and delete the defined business objects. If you plan to customize the Management Center, it is important to understand the framework and the components that make up the Management Center.
Customizing the Management Center user interface
Customize the Management Center user interface by adding, changing, or removing elements within the user interface.
Customizing the Management Center shell
You can customize the Management Center shell, which encompasses all of the common (non-tool-specific) aspects of the Management Center. The shell includes the Management Center menu, banner, tool tabs, and status area.
Customizing the branding logo
Customize the logo image and location of the image in the Management Center banner. For example, you can change the image to reflect your own company logo. You can also define how you want the Management Center to display the logo within the banner.
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.

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).

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 your image (for example, ../../mycompany/shell/resources/mycompany_logo.png).

What to do next

After you complete your 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 setting is the default environment setting.
Test your changes by viewing them in the Management Center, using this URL: https://hostname:8000/lobtools.
Deploy your changes to your production environment.