Theme
arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
Theme
arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
Homepage
GitHub
Issue Tracking
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
ClientBehaviours
Converters
Functions, Utils
BlockUI
Calculator
Clipboard
CodeMirror
CodeScanner
CookiePolicy
Counter
Credit Card
ClockPicker
Document Viewer
DynaForm
EChart
FluidGrid
Fuzzy Search
GChart
ImageAreaSelect
ImageRotateAndResize
ImageZoom
InputOtp
InputPhone
InputPlace
Keynote
Layout
Legend
LightSwitch
Localized
MarkdownEditor
MarkText
MasterDetail
MonacoEditor
Orgchart
OpenStreetMap
QRCode
RemoteCommand
Session
Sheet
SlideOut
Speedtest
SunEditor
Timer
TimeAgo
TimePicker
Tooltip
TriStateManyCheckbox
Waypoint
Use Cases
Basic Selection
Customized Selection
ImageAreaSelect with ImageRotateAndResize
Documentation pe:imageAreaSelect
Attributes (move mouse over the names to see data types)
Name
Description
aspectRatio
Aspect ratio of the selection (e.g. '1:1').
autoHide
Whether to auto-hide the selection.
binding
An EL expression referring to a server side UIComponent instance in a backing bean.Default is generated.
fadeSpeed
Fade speed in ms.
for
Search expression for the target image to attach the area selector to.
handles
Whether to show resize handles.
hide
Whether to hide the selection on click outside.
id
Unique identifier of the component in a namingContainer.Default is generated.
imageHeight
Image height for coordinate mapping.
imageWidth
Image width for coordinate mapping.
keyboardSupport
Whether keyboard support is enabled.
maxHeight
Maximum selection height.
maxWidth
Maximum selection width.
minHeight
Minimum selection height.
minWidth
Minimum selection width.
movable
Whether the selection is movable.
parentSelector
Parent selector for the widget.
persistent
Whether the selection is persistent.
rendered
Boolean value to specify the rendering of the component, when set to false component will not be rendered.Default is true.
resizable
Whether the selection is resizable.
show
Whether to show the selection on init.
widgetVar
Name of the client side widget.
zIndex
z-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-14 23:18
occured!