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

Changing custom fields labels

You can change the labels of custom fields. The product properties Manage Product tab contains a Custom section. In this section, you can change the field labels, or help text to suit the business needs.

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 > catalog > propertiesViews.

3. Modify the CatalogPropertyPane.lzx file to change the section name, field label, and information help text.

   1. Open the CatalogPropertyPane.lzx file for editing.

   2. Change the section name by identifying the property group to work with.

      • Locate the wcfPropertyGroup tag that controls the name of the Custom section.

        <class extends="wcfPropertyGroup"
                 1 groupTitle="${catalogResources.additionalInformationSection.string}"
              name="catManageAdditionalInformation" open="false">  
        

        The value of the groupTitle attribute controls the name of the Custom section.

        To change the section name, change the value of the groupTitle attribute using the resource bundle to define the text for user interface.

   3. Change the field label and information help text by identifying the property widget label to work with. For example, to change the label and information help text for Field1 widgets:

      • Locate the wcfPropertyStepper tag that controls the Field 1 (Integer) label and information help text.

        <!-- Property: Field 1. A custom input box for the catalog entry property. -->    
        <wcfPropertyStepper
            minimumValue="-2147483648"
             maximumValue="2147483647" 
             objectPath="CatalogEntryExtraProperties"
              1 promptText="${catalogResources.catalogEntryExtraPropertiesField1_DisplayName.string}" 
            propertyName="xprop_field1"
              2 extendedHelpText="${catalogResources.extendedHelpText_field1.string}"/>     
        

        To change the label and information help text, change the value of the promptText attribute and extendedHelpText attribute using a resource bundle to define the text for user interface.

   4. Repeat the previous substep for the other fields: Field 2 (Integer), Field 3 (Decimal), Field 4 (Text), and Field 5 (Text).

   5. Save the changes.

4. Modify the CatalogEntryGrid.lzx file to change the name of the fields in the grid.

   1. Open the CatalogEntryGrid.lzx for editing.

   2. Change the field name in the grid. For example, to change the grid name for Field1:

      • Locate the wcfGridStepper tag that controls Field 1 name in grid.

        <wcfGridStepper name="xprop_field1"
            minimumValue="-2147483648"
             maximumValue="2147483647"
             objectPath="CatalogEntry/CatalogEntryExtraProperties"
             propertyName="xprop_field1"
          1 text="${catalogResources.productField1_ColumnHeader.string}"
            visible="false" width="120"/>
        

        To change the field name in the grid, change the value of the text attribute using a resource bundle to define the text for user interface.

   3. Repeat the previous substep for the other fields: Field 2 (Integer), Field 3 (Decimal), Field 4 (Text), and Field 5 (Text).

   4. Save the changes.

5. Restart the test server.

What to do next

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