---
title: "PrintArea Class"
canonical: https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.printarea.htm
archived: true
applies_to:
  - product: "Customer's Canvas On-Premises"
  - product: "Design Editor"
    versions: ["6.15.0", "6.x (may differ)"]
---

**You’re viewing outdated documentation.** [View the latest Customer’s Canvas On-Premises documentation](https://customerscanvas.com/docs/on-premises/).

# PrintArea Class

**Applies to:** Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · **Archived documentation**
 
A print area.
  
 - example
     - ```
// Initialize a product with the "card.psd" template and a channel container.
const productDefinition = {
    surfaces: [{
        printAreas: [{
            name: "postcard",
            designFile: "card",
            containers: [{
                name: "foil",
                type: "texture",
                texture: "texture.jpg"
            }]
        }]
    }]
};

// Load the editor.
CustomersCanvas.IframeApi.loadEditor(iframe, productDefinition)

    // If the editor has been successfully loaded.
    .then(function (editor) {
        // When we get the product.
        editor.getProduct().then(function (product) {
            // Get the fourth container in a print area.
            product.currentSurface.printAreas[0].getContainers()[3]
                // Update this container with new parameters.
                .update({
                    name: "SilverTexture",
                    texture: "silver-texture.jpg"
                });
        });
    });
```
 
## Methods
  
|  Name |  Description |
| --- | --- |
 |  [addContainer](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.printarea.addcontainer.htm.md) |  Adds a channel container to the print area. |
 |  [getContainer](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.printarea.getcontainer.htm.md) |  Gets a container by its name. |
 |  [getContainers](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.printarea.getcontainers.htm.md) |  Gets an array of all containers in the print area. |
 |  [insertContainer](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.printarea.insertcontainer.htm.md) |  Inserts a channel container into the print area. |
 |  [moveContainer](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.printarea.movecontainer.htm.md) |  Moves a channel container to a new position in the array of containers. |
 |  [removeContainer](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.printarea.removecontainer.htm.md) |  Removes a channel container from the print area. |
 
## Properties
 
### containers
 
containers: [Container](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.container.htm.md) []

An array of channel containers for print embellishments.
  
 - example
     - ```
// Initialize a product with the "card.psd" template and two channel containers.
const productDefinition = {
    surfaces: [{
        printAreas: [{
            name: "postcard",
            designFile: "card",
            containers: [
                {
                    name: "foil",
                    type: "texture",
                    texture: "texture.jpg"
                },
                {
                    name: "spot",
                    type: "spotColor",
                    previewColor: "rgba(255,255,0,1)"
                }
            ]
        }]
    }]
};
```
 
### id
 
id: string

Inherited from ModelComponent.id

A unique identifier.
 
### name
 
name: string

Inherited from ModelComponent.name

The item name.