GraphicImage

Added by Arturo Zambrano, last edited by Arturo Zambrano on Dec 11, 2014  (view change)
Table of Contents

Overview

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="http://path.to/image.png" />
<!-- Image loaded via byte array -->
<ace:graphicImage value="#{bean.byteArrayImage}" />
<!-- Image loaded via IceOutputResource -->
<ace:graphicImage value="#{bean.resourceImage}" />

Attributes

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

None.

Client Behavior Events

None.

JavaScript API

Not applicable.

Keyboard Support

None.

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

None.

Additional Resources

Tutorials

This component appears in the following ICEfaces tutorials:

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

© Copyright 2021 ICEsoft Technologies Canada Corp.