Flatlab
Basic Croping

#### An example with a basic event handler.

Here we've tied several form values together with a simple event handler invocation. The result is that the form values are updated in real-time as the selection is changed using Jcrop's onChange handler.

Form Integration

#### An example with a basic event handler.

Here we've tied several form values together with a simple event handler invocation. The result is that the form values are updated in real-time as the selection is changed using Jcrop's onChange handler.

#### Cropped Image Details:

X1 |
Y1 |
X2 |
Y2 |
Width |
Height |

Bisual Effect

#### An example implementing a preview pane.

Obviously the most visual demo, the preview pane is accomplished entirely outside of Jcrop with a simple jQuery-flavored callback. This type of interface could be useful for creating a thumbnail or avatar. The onChange event handler is used to update the view in the preview pane.

##### Online Customers

- John Doe Dream Land, AU
- 3
  Jonathan Smith United States
- 5
  Jane Doe ABC, USA
- Anjelina Joli Fockland, UK
- 7
  Mr Tasi Dream Land, USA

##### pending Task

- Dashboard v1.3
  40%
  40% Complete (success)
- Database Update
  60%
  60% Complete (warning)
- Iphone Development
  87%
  87% Complete
- Mobile App
  33%
  33% Complete (danger)
- Dashboard v1.3
  45%
  45% Complete
- See All Tasks