Siebel Product Administration Guide > Siebel Configurator UI Properties > Creating Dynamic Siebel Configurator User Interface Controls >

Dynamically Displaying Images in Siebel Configurator

You can dynamically hide and show images in the Siebel 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 Configurator controls. For more information, see Dynamically Showing and Hiding Siebel Configurator Controls. Differences are described in the following procedure.

NOTE:  The DynamicImage property can be defined only on the root product and on relationships. It is not supported on component products.

To dynamically show and hide images in Siebel Configurator

1. Place a file for the image in the folder eapps\public\enu\images.
2. On the root product create the CfgUIStateModel UI property:
   1. Navigate to the Administration - Product screen, Product Definitions view.
   2. Lock the root product.
   3. Drill down on the Work Space version of the root product.
   4. Click the Properties view tab.
   5. 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.

3. 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:
   1. Navigate to the Administration - Product screen, Product Definitions view.
   2. Lock the product you want to change.
   3. Drill down on the Work Space version of the product you want to change.
   4. Click the Properties view tab.
   5. 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

4. 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.

5. 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).

6. If you want to show and hide the image at the relationship level, create this property for the relationship.
   1. Select the relationship.
   2. Click the Properties tab.
   3. 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).

7. Release the product.