header image

Sets or retrieves the image in the grid column headers (header icon). The image name should be defined in the stylesheet and linked to the actual image file with the css rules.

See how to include additional images in your stylesheet.

Syntax

var value = obj.getHeaderImage(); 
obj.setHeaderImage(value);        

obj.onHeaderImageChanging = function(value){...}; 
obj.onHeaderImageChanged = function(value){...}; 
obj.onHeaderImageError = function(value){...}; 

Defined in

header model

Examples

Single image

obj.setHeaderText("header text", 0);
obj.setHeaderImage("favorites", 0); // header image, column-0
obj.setHeaderTooltip("tooltip text", 0);

<script> var obj = new AW.UI.Grid; obj.setColumnCount(10); obj.setHeaderText("header text", 0); obj.setHeaderImage("favorites", 0); // header image, column-0 obj.setHeaderTooltip("tooltip text", 0); document.write(obj); </script>

Array of images

obj.setHeaderText(textArray);
obj.setHeaderImage(imageArray); // header image array
obj.setHeaderTooltip(tooltipArray);

<script> var textArray = ["Home", "Favorites", "Font size", "Search"]; var imageArray = ["home", "favorites", "fontsize", "search"]; var tooltipArray = ["home", "favorites", "fontsize", "search"]; var obj = new AW.UI.Grid; obj.setColumnCount(10); obj.setHeaderText(textArray); obj.setHeaderImage(imageArray); // header image array obj.setHeaderTooltip(tooltipArray); document.write(obj); </script>

See also

Overview: using images
Grid templates: header
Header model: text, tooltip, link, value, data, format
Image properties: cell, selector, footer, top, bottom