Adding 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

About this task

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

Procedure

Open WebSphere Commerce Developer and switch to the Enterprise Explorer view.
Complete one of the following steps:
- 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 you want 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.
- In the Enterprise Explorer view, expand LOBTools > WebContent > config > commerce > Management_Center_component > propertiesViews, where Management_Center_component is the name of the tool you want to customize. All properties view definitions for objects managed by the Management Center are stored in this directory. All properties view files follow a standard naming convention: Management_Center_objectPropertiesView.def. For example, to modify the product properties view, change the ProductPropertiesView.def file.
Open the file that you want to change and identify the property you want 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.

Within the file:

Option Description

Option	Description
Locate the existing properties view widgets	For example, 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"/>`
Locate the existing properties view widget elements	For example, PropertyInputText and PropertyRichTextEditor. 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: `<PropertyInputText extendedHelpText="${catalogResources.extendedHelpText_Code}" promptText="${catalogResources.codePrompt}" propertyName="partnumber" required="true"/>`

Locate the existing properties view widgets

For example, 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"/>

Locate the existing properties view widget elements

For example, PropertyInputText and PropertyRichTextEditor. 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:

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

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

What to do next

After you complete your customization:


Version	Steps
	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.
	Test your changes by viewing them in the Management Center, using this URL: https://`hostname`:8000/lobtools. Deploy your changes to your production environment.