Icons in Column Headings

This section describes how to define a column heading to include an image in addition to or instead of text.

The Parameters for Table Objects section includes the Heading parameter to define the column heading. Usually, the actual text of the column heading is placed in a string resources file to allow for internationalization, and the parameter passed to the JSP is the name of the string resource.

Although the table component does not require that parameters passed to the JSP be XHTML-compliant, the structure browser component does have this requirement. ENOVIA recommends that parameters for both tables and structure browsers be XHTML-compliant.

To be XHTML-compliant and work within the framework, the image tags provided as part of the column header name must:


  • Use double-quotes for attribute values
  • Include closing tags (can include the / close within the tag instead of </img>)
  • To display hover text, use the title attribute instead of alt
  • To align the image, use the align attribute in a div tag that wraps the img tag, instead of using the align attribute within the img tag

For example,

<div align="center"><img src="images/iconSmallRPN.gif" 
border="0" title="Description"></img></div>

This example shows a String Resource defined to use an image: 

emxFramework.SBHeader.Type = <img src="images/
iconStatusStarted.gif" title="Type" border="0" />

This example shows a column heading that includes both text and an image: 

emcFramework.SBHeader.OrderName = <img src="images/
iconSmallSalesOrder.gif" title="Name" border="0" /> Name

The column width is dynamically determined based on the header text. If there is no header defined, or the header is longer than 150 pixels, the column width defaults to 150 pixels.