---
title: "IPaletteSection Interface"
canonical: https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.ipalettesection.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/).

# IPaletteSection Interface

**Applies to:** Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · **Archived documentation**
 
A structure defining the section of swatches in the **Color picker**. For details, see the [Color Picker](https://customerscanvas.com/docs/cc6/colors.htm.md) topic.
  
 - example
     - ```
configuration = {
    widgets: {
        ColorPicker: {
            sections: [
              {
                  type: "PaletteSection",
                  translationKey: "Swatches",
                  viewType: "Line",
                  palette: [["spot(PANTONE 8783 C, cmyk(100%,55%,0%,55%,100%), 1, 100%)",
                             "cmyk(0%, 0%, 100%, 0%, 100%)"]]
              }
            ]
        }
    }
};
```
 
## Properties
 
### palette
 
palette: string [] []

Palettes to show in the Color picker; a palette is described by the two-dimensional array of colors in a css-compatible format. The default value is `[["cmyk(0%,100%,100%,0%,100%)","cmyk(0%,0%,100%,0%,100%)",...],...]`.
 
### Optional targets
 
targets: [ColorPickerTarget](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.colorpickertarget.htm.md) []

Inherited from [IColorPickerConfigSection](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.icolorpickerconfigsection.htm.md).[targets](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.icolorpickerconfigsection.htm.md)

An item property that you can specify a color for. The default value is `["All"]`.
 
### Optional translationKey
 
translationKey: string

Inherited from [IColorPickerConfigSection](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.icolorpickerconfigsection.htm.md).[translationKey](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.icolorpickerconfigsection.htm.md)

The section name. You can use either a string or an identifier of a string defined in the `~\Configuration\translations.json ` file.
 
### type
 
type: [SectionType](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.sectiontype.htm.md)

Overwrites [IColorPickerConfigSection](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.icolorpickerconfigsection.htm.md).[type](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.icolorpickerconfigsection.htm.md)

The source type, `"PaletteSection"`.
 
### Optional viewType
 
viewType: [ColorPickerSectionViewType](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.colorpickersectionviewtype.htm.md)

Inherited from [IColorPickerConfigSection](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.icolorpickerconfigsection.htm.md).[viewType](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.icolorpickerconfigsection.htm.md)

The appearance of the section, either `"Block"` or `"Line"`. The default value is `"Block"`.