## Aurigma Image Uploader 7.0.28

# imageEditor.cancelCropButtonImageFormat Property

- Collapse All Sections
- See Also
- Language Filter ( all languages )
- Supported browsers:

Gets or sets a list of images that are displayed in different states of Cancel Crop button.

## Syntax

### JavaScript

### Initialize

    $au.uploader({
        imageEditor: {
            //...other params...
            cancelCropButtonImageFormat: "",
            //...other params...
        }
    })

### Get/Set Value at Runtime

    $au.uploader('uploaderID').imageEditor().cancelCropButtonImageFormat(value);
    value = $au.uploader('uploaderID').imageEditor().cancelCropButtonImageFormat();

### Property Value

Type: String

The list of custom images of Cancel crop button.

See the Remarks section for more details about syntax of this string.

Default value is "".

## Remarks

The string which specifies images for a button has the following syntax:

variable1=value1;variable2=value2;...

Here is a list of supported variables:

Variable | Description
--- | ---
Width | Width of the button or icon.
Height | Height of the button or icon.
BackgroundColor | Background color of the button or icon. The rectangle specified Width/Height is filled with this color and displayed while images for buttons are downloaded. If omitted, the backgroundColor property is used.
UrlNormal | URL to the image which represents the button/icon when it is not pressed, mouse pointer is not hover over it, and the button is not in focus. Mandatory.
UrlNormalFocused | URL to the image which represents the button/icon when it is not pressed, mouse pointer is not hover over it, but the button is in focus. If omitted, last drawn image will be used.
UrlHover | URL to the image which represents a button/icon when a mouse button is hovered over it. If omitted, last drawn image will be used.
UrlHoverFocused | URL to the image which represents a button/icon when a mouse button is hovered over it, but the button/icon is in focus. If omitted, last drawn image will be used.
UrlPressed | URL to the image which represents a button/icon when it is pressed. If omitted, last drawn image will be used.
UrlDisabled | URL to the image which represents a button/icon when it is disabled. If omitted, last drawn image will be used. If omitted, last drawn image will be used.

Note

The format string is case insensitive.

You can use images of all formats recognized by Image Uploader as images. If you load animated GIF files, only the first frame will be displayed.

Image URLs can be both absolute (e.g. http://domain.com/images/image.png) and relative to the current page (e.g. /images/image.png).

For example, if Image Uploader is inserted to the http://domain.com/ImageUploader/index.html page, the relative URLs specified via this property will correspond to the following locations.

Specified URL | Expected Location
--- | ---
"/images/image.png" | http://domain.com/images/image.png
"./images/image.png" | http://domain.com/ImageUploader/images/image.png
"images/image.png" | http://domain.com/ImageUploader/images/image.png
"image.png" | http://domain.com/ImageUploader/image.png

## See Also

### Reference

- Aurigma.ImageUploader.ImageEditor.CancelCropButtonImageFormat ASP.NET Property
- ImageEditor.CancelCropButtonImageFormat PHP Property