Images

Use the HTML <img> tag as the UI property value when you want to retrieve and display images. You can shorten the path specification for the src attribute by storing the images in the same directory as other images used by the Web Engine.

The Web Engine stores its images in the following installation directory (Windows path syntax):

Siebel_SWSM_Root\applicationcontainer_external\siebelwebroot\images

When you specify the src path in the <img> tag, you only need to specify the IMAGES directory and the file name. For example, you want to retrieve red.gif from the IMAGES directory and use it to replace the attribute name Red. In the Properties view, you would assign a UI property name to the Red attribute and specify the following value (Windows path syntax):

<img src="IMAGES\red.gif">

Before validating the UI design, you must test this value to make sure it behaves as expected in the browser. Here is an example of an HTML file for testing image retrieval (Windows path syntax):

<html>
<head>
<base href="C:\Siebel_SWSM_Root\applicationcontainer_external\siebelwebroot\images">
</head>
<body>
img src="IMAGES\red.gif">
</body>
</html>

Add HEIGHT and WIDTH attributes to the <IMG> tag to make the image the correct size. Consider making the image somewhat smaller than needed and then increasing its size when you validate the UI design. This prevents the image from causing page layout problems when you first validate it.