Homepage
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
Use Cases
Documentation pe:imageAreaSelect
Attributes (move mouse over the names to see data types)
Name Description
idUnique identifier of the component in a naming container.
rendered Boolean value to specify the rendering of the component, when set to false component will not be rendered.
bindingAn EL expression referring to a server side UIComponent instance in a backing bean.
widgetVarName of the client side widget.
forThe target image.
aspectRatio A string of the form "width:height" which represents the aspect ratio to maintain. Example: "4:3".
autoHide If set to true, selection area will disappear when selection ends. Default value: false.
fadeSpeed If set to a number greater than zero, showing or hiding the plugin is done with a graceful fade in/fade out animation. Default value: 0.
handles If set to true, resize handles are shown on the selection area; if set to "corners", only corner handles are shown. Default value: false.
hideIf set to true, selection area is hidden.
imageHeightTrue height of the image (if scaled with the CSS width and height properties).
imageWidthTrue width of the image (if scaled with the CSS width and height properties).
movableDetermines whether the selection area should be movable. Default value: true.
persistent If set to true, clicking outside the selection area will not start a new selection (ie. the user will only be able to move/resize the existing selection area). Default value: false.
resizableDetermines whether the selection area should be resizable. Default value: true.
showIf set to true, selection area is shown.
zIndex The z-index value to be assigned to plugin elements; normally, imgAreaSelect figures it out automatically, but there are a few cases when it's necessary to set it explicitly.
maxHeightMaximum selection height (in pixels).
maxWidthMaximum selection width (in pixels).
minHeightMinimum selection height (in pixels).
minWidthMinimum selection width (in pixels).
parentSelector A jQuery object or selector string that specifies the parent element that the plugin will be appended to. Default value: "body".
keyboardSupportEnables/disables keyboard support. Default value: false.
Events (move mouse over the names to see classes)
Name Description
selectEndfired after the selection finished
selectStartfired after the selection started
selectChangefired after the selection changed
PrimeFaces Extensions Showcase - © 2011-2014, PrimeFaces: 5.2, PrimeFaces Extensions: 4.0.0-SNAPSHOT, JSF: mojarra 2.2.8, Server: Apache Tomcat/7.0.54, Build time: 2015-08-22 09:03
Theme
afterdark
afternoon
afterwork
aristo
black-tie
blitzer
bluesky
bootstrap
casablanca
cruze
cupertino
dark-hive
delta
dot-luv
eggplant
excite-bike
flick
glass-x
home
hot-sneaks
humanity
le-frog
midnight
mint-choc
overcast
pepper-grinder
redmond
rocket
sam
smoothness
south-street
start
sunny
swanky-purse
trontastic
ui-darkness
ui-lightness
vader
occured!
Message:
Timestamp:
StackTrace:
Developers
Thomas Andraschko andraschko.thomas@gmail.com
Oleg Varaksin ovaraksin@googlemail.com
Nilesh Namdeo Mali nileshmali86@gmail.com
Mauricio Fenoglio fenoglio.mauricio@gmail.com
Pavol Slaný pavol.slany@gmail.com
Sudheer Jonna sudheer.jonna@gmail.com