---
title: "Container Class"
canonical: https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.container.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/).

# Container Class

**Applies to:** Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · **Archived documentation**
 
A container for design elements.
  
Print areas have three basic containers in the editor: Background, Main, and Foreground. You can also add channel containers implementing spot colors and textures in Customer's Canvas.
 
 - example
     - ```
const productDefinition = {
    surfaces: [{
        printAreas: [{
            designFile: "texture",
            containers: [
                {
                    name: "foil",
                    type: "texture",
                    texture: "texture.jpg"
                },
                {
                    name: "spot",
                    type: "spotColor",
                    previewColor: "rgba(255,255,0,1)"
                }]
        }]
    }]
};
```
 
### Implements
 
- [IChannelContainerDefinition](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.ichannelcontainerdefinition.htm.md)
 
## Methods
  
|  Name |  Description |
| --- | --- |
 |  [update](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.container.update.htm.md) |  Updates a channel container with new parameters. |
 
## Properties
 
### name
 
name: string

Implementation of [IChannelContainerDefinition](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.ichannelcontainerdefinition.htm.md).[name](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.ichannelcontainerdefinition.htm.md)

A unique container name.
 
### Optional previewColor
 
previewColor: string

Implementation of [IChannelContainerDefinition](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.ichannelcontainerdefinition.htm.md).[previewColor](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.ichannelcontainerdefinition.htm.md)

An RGB color representing a spot color on the canvas and proof images.
 
### Optional texture
 
texture: string

Implementation of [IChannelContainerDefinition](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.ichannelcontainerdefinition.htm.md).[texture](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.ichannelcontainerdefinition.htm.md)

A texture image used for rendering elements of the container on the canvas and proof images. This value is relative to the `~\assets\helpers\` folder.
 
### Optional translationKey
 
translationKey: string

Implementation of [IChannelContainerDefinition](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.ichannelcontainerdefinition.htm.md).[translationKey](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.ichannelcontainerdefinition.htm.md)

The translation key of the channel tab caption in the Object Inspector. The corresponding string should be defined in the `~\Configuration\translations.json` file.
 
### type
 
type: [ChannelContainerType](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.channelcontainertype.htm.md)

Implementation of [IChannelContainerDefinition](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.ichannelcontainerdefinition.htm.md).[type](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.objectmodel.ichannelcontainerdefinition.htm.md)

A type of the channel container, either texture or spot color.
 
### Static BG\_CONTAINER\_NAME
 
BG\_CONTAINER\_NAME: "Background"  = "Background"

The name of the background container.
 
### Static FG\_CONTAINER\_NAME
 
FG\_CONTAINER\_NAME: "Foreground"  = "Foreground"

The name of the foreground container.
 
### Static MAIN\_CONTAINER\_NAME
 
MAIN\_CONTAINER\_NAME: "Main"  = "Main"

The name of the main container.