Develop > Presentation layer > Management Center framework > Customize the Management Center user interface > Customizing an existing Management Center tool

Add or changing a widget label within a properties view

You can include various widgets within a Management Center properties view, such as a field, a rich text editor, a radio button, and so on. You can customize a properties view with a new or changed widget label. For example, you can change a field called Name to Description.

Before you begin

Tip: This task file provides the generic steps for customizing a widget label (such as a field label). For a tutorial on this topic, refer to Tutorial: Adding new fields in the Catalogs tool.

To customize a widget label within a Management Center properties view:

Procedure

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 > Management_Center_component > propertiesViews, where Management_Center_component is the name of the tool to customize. All properties view classes for objects managed by the Management Center are stored in this directory. All properties view files follow a standard naming convention: Management_Center_objectPropertiesView.lzx. For example, to modify the product properties view, change the ProductPropertiesView.lzx file.

3. Open the file that to change and identify the property to work with.

   To identify the property you want to work with, first determine the property view, the property pane, the property group, and then the property itself.

4. Within the file, locate the existing properties view widgets, such as wcfPropertyInputText and wcfPropertyRichTextEditor.

   To change a widget label, change the promptText attribute defined in wcfPropertiesComponent. The following code snippet shows the promptText attribute for changing the label for a field in the Catalogs tool:

   <wcfPropertyInputText extendedHelpText="${catalogResources.extendedHelpText_Code.string}" 
   promptText="${catalogResources.codePrompt.string}" propertyName="partnumber" required="true"/>
   

5. If you use a resource bundle for the Management Center widget label, change the value of the groupTitle attribute, using a resource bundle to define the text for the section name.

What to do next

After you complete the 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 is the default environment setting.

2. Test the changes by viewing them in the Management Center, using this URL: https://hostname:8000/lobtools.

3. Deploy your changes to the production environment.

Related concepts

Management Center shell

Management Center user interface

+

Search Tips   |   Advanced Search