Develop > Presentation layer > Management Center framework > Customize the Management Center user interface > Customizing the Management Center shell
Rearrange 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.
To rearrange the layout of the Management Center main page:
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 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 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