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

# IColorPickerConfigSection Interface

**Applies to:** Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · **Archived documentation**
 
A structure defining basic properties of **Color picker** sections. For details, see the [Color Picker](https://customerscanvas.com/docs/cc6/colors.htm.md) topic.
  
 - example
     - ```
configuration = {
    widgets: {
        ColorPicker: {
            colorSpace: "rgb",
            sections: [
              {
                type: "NoColorSection",
                targets: [ "Fill", "Border", "Background" ]
              },
              {
                type: "RecentSection",
                translationKey: "ColorPicker.RECENT_SECTION_NAME"
              },
              {
                type: "PaletteSection",
                translationKey: "Swatches",
                viewType: "Line",
                palette: [["rgb(0, 0, 0)","rgb(255, 255, 255)"],
                          ["rgb(255, 0, 0)","rgb(255, 255, 0)","rgb(0, 255, 0)","rgb(0, 255, 255)","rgb(0, 0, 255)","rgb(255, 0, 255)"]]
              }
            ]
        }
    }
};
```
 
## Properties
 
### Optional targets
 
targets: [ColorPickerTarget](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.colorpickertarget.htm.md) []

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

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)

The color section type, one of [**"NoColorSection"**](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.inocolorsection.htm.md), [**"RecentSection"**](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.irecentsection.htm.md), [**"ThemeSection"**](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.ithemesection.htm.md), or [**"PaletteSection"**](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.ipalettesection.htm.md).
 
### Optional viewType
 
viewType: [ColorPickerSectionViewType](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.colorpickersectionviewtype.htm.md)

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