Rearranging the layout of the Management Center main page

The Management Center contains the Management Center banner, main area, and status area. You can change the order of these elements within the main page.

About this task

To rearrange the layout of the Management Center main page:


  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 MainWorkbench.lzx file and reorder the elements you want from wcfBannerArea, wcfMainArea, and wcfStatusArea. For example, move the status area to the top of the page (by default, it is at the bottom).

    To do this, move <wcfStatusArea id="statusAreaWidget" width="${parent.width}" height="25" /> to the first element under <class name="wcfMainWorkbench" width="${canvas.width}" height="${canvas.height}" bgcolor="${canvas.bgcolor}" extends="basecomponent">

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.