Documentation Center

Handling references to SDL Tridion Sites resources

If you refer to an SDL Tridion Sites resource from an <img> or <link> element or from a CSS style definition, the resource you refer to must be present in the input package and the reference to the SDL Tridion Sites item must be written as a WebDAV path to the SDL Tridion Sites item relative to the Template Building Block.

The source code of your Adobe Dreamweaver Template can contain references to other resources, such as <img> tag referring to an image, a <link> tag referring to a resource such as a CSS file, and CSS statements like background-image property have an attribute url which contains a reference to a resource.

For example, assume that the folder structure shown below exists in Content Manager and that your Template Building Block resides in the folder Dreamweaver TBBs and the image you want to use CEO_portrait.jpg resides in the folder Images\Portraits:

Add the image to your Adobe Dreamweaver Template using the following reference:

<img src="../Images/Portraits/CEO_portrait.jpg" />

Alternatively, instead of a relative path you can also insert the Content Manager URI (a unique identifier of the item) as the reference target. For example:

<img src="tcm:3-312" />

You can find out the Content Manager URI of any SDL Tridion Sites item by hovering over the item in Content Manager Explorer, or opening the item in Content Manager Explorer and accessing the Info tab.