arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
ImageAreaSelect
ImageAreaSelect is a widget for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).
Components and more
Documentation pe:imageAreaSelect
Attributes (move mouse over the names to see data types)
Name Description
aspectRatioAspect ratio of the selection (e.g. '1:1').
autoHideWhether to auto-hide the selection.
bindingAn EL expression referring to a server side UIComponent instance in a backing bean.Default is generated.
fadeSpeedFade speed in ms.
forSearch expression for the target image to attach the area selector to.
handlesWhether to show resize handles.
hideWhether to hide the selection on click outside.
idUnique identifier of the component in a namingContainer.Default is generated.
imageHeightImage height for coordinate mapping.
imageWidthImage width for coordinate mapping.
keyboardSupportWhether keyboard support is enabled.
maxHeightMaximum selection height.
maxWidthMaximum selection width.
minHeightMinimum selection height.
minWidthMinimum selection width.
movableWhether the selection is movable.
parentSelectorParent selector for the widget.
persistentWhether the selection is persistent.
renderedBoolean value to specify the rendering of the component, when set to false component will not be rendered.Default is true.
resizableWhether the selection is resizable.
showWhether to show the selection on init.
widgetVarName of the client side widget.
zIndexz-index of the selection overlay.
PrimeFaces Extensions Showcase - © 2011-2025,PrimeFaces: 16.0.0-SNAPSHOT,PrimeFaces Extensions: 16.0.0-SNAPSHOT,JSF: Apache MyFaces Core 4.0 - Impl 4.0.3,Server: Apache Tomcat (TomEE)/10.1.52 (10.1.4),Build time: 2026-03-07 01:34