Adding a tab to a properties view
You can add a new tab to an existing Management Center properties view. The Management Center framework includes properties views to allow a business user to create and update business objects.
Before you begin
Before you customize the Management Center user
interface, ensure you have customized the persistence layer and the
Business Object Manager:
- Created a new WebSphere Commerce table in the schema.
- Generated object relational metadata and the physical SDO.
- Configured the Business Object Manager to include new properties in user data.
- Updated query templates for read and update.
Procedure
- Complete one of the following steps:
In the Enterprise Explorer view, expand , 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.
In the Enterprise Explorer view, expand , 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.
- Open the file that you want to change and complete one
of the following steps:
Option Description Locate the class that defines the user interfaceFor example, to modify the product properties view, open the
ProductPropertiesView.lzx file and locate: class name="catProductProperties". The file also includes the high level instantiation of the tabs and classes that define the contents of each properties view tab.Locate the definition that defines the user interfaceFor example, to modify the product properties view, open the
ProductPropertiesView.def file and locate: definitionName="catProductProperties". The file also includes the high level definition of the tabs and definitions that define the contents of each properties view tab. - Determine the location in which you want to place the tab
in relation to other properties view tabs for the object.All tabs are defined within:
- wcfPropertyTabs entry
- PropertyTabs element
Option Description Add a <wcfPropertyTabPane> tag Specify the name and text label for the tab in this tag. Include a comment above this entry for informational purposes. The following code snippet shows how to add a new tab named Price to contain pricing information about products.<!-- Tab: Pricing. This tab contains pricing information for a product. --> <wcfPropertyTabPane name="productPricingTab" text="Pricing"> <!-- Property Pane: Pricing. This is an instantiation of the property pane class which contains product pricing details. --> <catPricingTab/> </wcfPropertyTabPane>Add a <PropertyTabPane> tagSpecify the name and text label for the tab in this tag. Include a comment above this entry for informational purposes. The following code snippet shows how to add a new tab named Price to contain pricing information about products.<!-- Tab: Pricing. This tab contains pricing information for a product. --> <PropertyTabPane name="productPricingTab" text="Pricing"> <!— Property Pane: Pricing. This is includes the property pane definition that contains product pricing details. --> <PropertyPane baseDefinitionName="catPricingTab"/> </PropertyTabPane> - Complete one of the following steps:
- Create a new class that defines the
contents of the new tab and add it anywhere within the file. For example,
add the catPricingTab class:
<class name="catPricingTab" extends="wcfPropertyPane"> ... </class> - Create a new definition that defines
the contents of the new tab and add it anywhere within the file. For
example, add the catPricingTab definition:
<PropertyPane definitionName="catPricingTab"> … </PropertyPane>
What to do next
| Version | Steps |
|---|---|
|
|
|