Develop > Presentation layer > Management Center framework > Customize the Management Center user interface > Customizing an existing Management Center tool
Changing the text style of labels
The Management Center framework uses the display name of a business object when that business object is shown in the Management Center user interface. You can change the text style (such as the color or font style) used for business object display names in the explorer tree so that business users can see key information about a business object without looking at the list view or properties view. For example, you can change the text style of business object display names to indicate whether a category or subcategory is currently displayed or hidden from customers in the storefront.
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 > Management_Center_component > objectDefinitions, where Management_Center_component is the name of the tool to customize. The characteristics of the text style used when showing the display names of business objects are defined in the wcfDisplayNameStyle class.
- Update the color, bold, and italic attributes to change the text style of the display name property. The following sample code snippet shows how to make changes to the display name text to indicate that it is displayed to customers in the storefront. In this code snippet, the display name text is set to appear in italics, boldface, and green color.
<class name="catCatalogGroupPrimaryObjectDefinition" extends="wcfPrimaryObjectDefinition" objectType="CatalogGroup" baseType="catBaseCatalogGroupPrimaryObjectDefinition" icon="catalogGroupIcon" headerIcon="catalogGroupHeaderIcon"> ... <wcfDisplayNameStyle color="0x008000" bold="true" italic="true"> <wcfEnablementCondition propertyName="xdesc_published" objectPath="CatalogGroupDescription" enablementValue="1"/> </wcfDisplayNameStyle> </class>
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 your changes to the production environment.
Related concepts
Management Center user interface
Related tasks
Changing the display name for a business object