footer image

Sets or retrieves the image in the grid footer row (footer 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.getFooterImage(); 
obj.setFooterImage(value);        

obj.onFooterImageChanging = function(value){...}; 
obj.onFooterImageChanged = function(value){...}; 
obj.onFooterImageError = function(value){...}; 

Defined in

footer model

Examples

Single image

obj.setFooterVisible(true);
obj.setFooterText("footer text", 0);
obj.setFooterImage("favorites", 0); // footer image, column-0
obj.setFooterTooltip("tooltip text", 0);

<script> var obj = new AW.UI.Grid; obj.setColumnCount(10); obj.setFooterVisible(true); obj.setFooterText("footer text", 0); obj.setFooterImage("favorites", 0); // footer image, column-0 obj.setFooterTooltip("tooltip text", 0); document.write(obj); </script>

Array of images

obj.setFooterVisible(true);
obj.setFooterText(textArray);
obj.setFooterImage(imageArray); // footer image array
obj.setFooterTooltip(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.setFooterVisible(true); obj.setFooterText(textArray); obj.setFooterImage(imageArray); // footer image array obj.setFooterTooltip(tooltipArray); document.write(obj); </script>

See also

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