# Jcrop - jQuery UI Example

This dialog is embedded on the page in a hidden container.
The container is rendered with `style="display:none;"` set.

This example demonstrates more complex invocations of Jcrop. These techniques can be integrated with other libraries or more complex user interfaces.

- About jQuery-ui Demos
- Jcrop in Tab

Prior to v0.9.10 release, it was difficult to instantiate Jcrop on an image unless it was visible on the page. This meant that opening Jcrop in a dialog or a hidden tab was problematic, and involved specific timing (e.g. attaching the Jcrop method call to an "open" handler for the UI element).

This demo shows simple invocations of Jcrop using jQuery UI. If you are using a different library to produce dialog boxes or tabs, the theory of operation should be similar.

Jcrop Home | Manual (Docs)