Displaying Icons

A variety of graphical symbols (icons) are used to help you identify specialized links on the UWT Web site. In general, links without icons are standard links to other Web pages located on the UWT Web server. The icons below represent exceptions to this general rule, such as downloadable files that open with other software applications, or links to third-party sites outside of UWT control.

Custom Tag: cf_icon

To display a PDF icon in a .cfm page, type this script inline:

<cf_icon type="pdf">

The resulting HTML output is an image tag:

<img src="/graphics/icon12_pdf.gif" 
 alt="Adobe PDF file" 
 width="12" 
 height="12" 
 border="0" 
 />

Extra Attributes

If you need additional formatting in the tag, such as a class or style, use the "extra" attribute. It will add any combination of attributes and values to the resulting image tag. Be sure to use single quotes around attribute values and double pound signs if using hex color codes.

Scripting example:

<cf_icon type="pdf" extra="class='foobar' align='right'">

Resulting HTML output:

<img src="/graphics/icon12_pdf.gif"
 alt="Adobe PDF file"
 width="12" 
 height="12" 
 border="0" 
 class='foobar' 
 align='right'  
 />

Icon	Description	Type	Script
	Directory: link to department profile	dept_profile	<cf_icon type="dept_profile">
	Directory: link to department Web site	dept_web	<cf_icon type="dept_web">
	external UW site	uw	<cf_icon type="uw">
	Non-UW Web site; includes personal sites	web	<cf_icon type="web">
	Internet Explorer HTML file	ie	<cf_icon type="ie">
	Adobe PDF file	pdf	<cf_icon type="pdf">
	Microsoft Word document	doc	<cf_icon type="doc">
	Microsoft Word template	dot	<cf_icon type="dot">
	Microsoft Excel spreadsheet	xls	<cf_icon type="xls">
	Microsoft PowerPoint presentation	ppt	<cf_icon type="ppt">
	zip file	zip	<cf_icon type="zip">
	Windows Media movie	wmv	<cf_icon type="wmv">
	Windows Media play button	wmvPlay	<cf_icon type="wmvPlay">
	Quicktime movie	mov	<cf_icon type="mov">
	Quicktime play button	movPlay	<cf_icon type="movPlay">
	Shockwave Flash	swf	<cf_icon type="swf">
	podcast	podcast	<cf_icon type="podcast">
	audio file	audio	<cf_icon type="audio">
	binary file	bin	<cf_icon type="bin">
	text file	txt	<cf_icon type="txt">
	folder or index of files	folder	<cf_icon type="folder">
	e-mail link	email	<cf_icon type="email">
	secure socket layer (SSL) connection	ssl	<cf_icon type="ssl">
	help file	help	<cf_icon type="help">
	clear 16px spacer	clear16	<cf_icon type="clear16">
	clear 12px spacer	[blank]	<cf_icon type="">
	clear 12px spacer	[NULL]	<cf_icon>