@aurigma/ui-framework/docs/widgets/design-editor-commands/resize.md

A platform which allows building print product personalization editors based on Aurigma's Customer's Canvas.

Command: resize
====================

This command resizes the whole product or only specified items. 

Products, surfaces, and print areas are resized relative to the upper-left corner of the surface, whereas items are resized relative to the center of their bounding rectangle. For more details, refer to the [IFrame API](https://customerscanvas.com/docs/cc/changing-product-size.htm#resize) reference.

## Params

- `targetType` - an object to be resized: `"product"`, `"surfaces"`, `"items"`, or `"printArea"`. 
- `targets` - an array of names when you resize "surfaces", "items", or "printArea". 
- `height` - the target height, in either points or percent relative to the print area. For example, `600` or `"30%"`. 
- `width` - the target width, in either points or percent relative to the print area. For example, `600` or `"30%"`. 
- `defaultOptions.resetPlaceholderContent` - if `true`, resets the content of resized image placeholders. 
- `defaultOptions.resize` - the type defining how the original bounding rectangle should fit the target rectangle: Fit (`0`, default), Fill (`1`), Arbitrary (`2`), Original (`3`). 
- `containerOptions` - parameters to resize a single container by name.


### Example of the config

``` json
  {
    "type": "design-editor", 
    "name": "editor",
    "params": {
      "initial": { ... }, 
      "resize": {
        "resizeParams": {
          "targetType": "product",
          "width": "1000",
          "height": "1000",
          "defaultOptions": {
            "resize": 0,
            "resetPlaceholderContent": false
          },
          "containerOptions": {
            "Background": {
              "resize": 2,
              "resetPlaceholderContent": true
            }
          }
        }
      }
    }
  }
```