Table of Contents


Since 4.0

The ace:graphicImage component displays an image by specifying either a URL, a byte array, or an instance of org.icefaces.ace.util.IceOutputResource.

See the ICEfaces Showcase Live Demo of this component, complete with source code.

Getting Started

To use the GraphicImage component, specify a URL where the image is located or specify a byte array value that contains the encoded image or an instance of org.icefaces.ace.util.IceOutputResource.

<!-- Image loaded via URL -->
<ace:graphicImage url="" />
<!-- Image loaded via byte array -->
<ace:graphicImage value="#{bean.byteArrayImage}" />
<!-- Image loaded via IceOutputResource -->
<ace:graphicImage value="#{bean.resourceImage}" />


TagLib Documentation
This section covers attributes involved in the typical use-cases for this component. For reference, the complete taglib documentation for this component is available here.

The value of the url attribute is directly rendered as the value of the src attribute in the <img> element, which should be the location of the image to display.

The value attribute is used to specify a byte array in a backing bean or an instance of IceOutputResource as the image to be displayed.

The style and styleClass attributes work just as in other components, and they are applied to the <img> element.

Event Listeners


Client Behavior Events


JavaScript API

Not applicable.

Keyboard Support


CSS Classes

This component doesn't use any default CSS class names. The custom class names and styling specified in styleClass and style are applied on the img element.

Known Issues


Additional Resources


This component appears in the following ICEfaces tutorials:


Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.

© Copyright 2021 ICEsoft Technologies Canada Corp.