Dynamically Displaying Images in Siebel Configurator
You can dynamically hide and show images in the Siebel Product Configurator user interface.
For example, the product is a tee-shirt that comes in two colors. It has an attribute named Color with the values Red and Blue. If user selects the attribute Red, then an image of the red tee-shirt is displayed. If user selects the attribute Blue, then an image of the blue tee-shirt is displayed.
You can dynamically display a number of images based on different conditions. That is, you can display Image1 when Expression1 is Y, display Image 2 when Expression2 is Y, and so on. For example, you can display dozens of images of tee-shirts with different colors.
Dynamic display of images is similar to dynamic display of Siebel Product Configurator controls. For more information, see Dynamically Showing and Hiding Siebel Product Configurator Controls. Differences are described in the following procedure.
To dynamically show and hide images in Siebel Product Configurator
Place a file for the image in the Siebel_SWSM_Root\applicationcontainer_external\siebelwebroot\images.
On the root product create the CfgUIStateModel UI property:
Navigate to the Administration - Product screen, Product Definitions view.
Lock the root product.
Drill down on the Work Space version of the root product.
Navigate to the Properties view.
In the Properties list, add a new record and complete the necessary fields, as described in the following table.
Field Description Name
Enter CfgUIStateModel.
Value
Enter Y.
On the root product create a UI property with the name NewImage Expr1 (where Expr1 is the name of the expression) and with a value that is the name of the image file:
Navigate to the Administration - Product screen, Product Definitions view.
Lock the product you want to change.
Drill down on the Work Space version of the product you want to change.
Navigate to the Properties view.
In the Properties list, add a new record and complete the necessary fields, as described in the following table.
Field Description Name
Enter NewImage MyExpression (where MyExpression is the name of the expression).
Value
Enter the name of the image file, including the name of the images directory.
For example, enter images/red_tshirt.jpg
On the root product, create a UI property that defines the expression, with some given name, such as MyExpression, and with a value that is an expression that evaluates as Y or N:
In the Properties list, add a new record and complete the necessary fields, as described in the following table.
Field Description Name
Enter a name for the expression, such as MyExpression.
Value
Enter some expression that evaluates to Y or N, using the CfgEval() function to reference session values or procedural conditional variables.
If you want to show and hide the image for the root product, add another property for the root product with the name DynamicImage plus the name you gave to the expression in Step 2, and with a value that is Y or N.
In the Properties list, add a new record and complete the necessary fields, as described in the following table.
Field Description Name
Enter DynamicImage plus the name you gave to the expression.
For example, you might enter DynamicImage MyExpression.
Value
Enter Y or N.
The control is hidden when the value of the expression matches the value you gave to this property (Y or N).
If you want to show and hide the image at the relationship level, create this property for the relationship.
Select the relationship.
Navigate to the Properties view.
In the Properties list, add a new record and complete the necessary fields, as described in the following table.
Field Description Name
Enter DynamicImage plus the name you gave to the expression.
For example, you might enter DynamicImage MyExpression.
Value
Enter Y or N.
The control is hidden when the value of the expression matches the value you gave to this property (Y or N).
Release the product.