---
title: "Interface: IWidgetConfigsForSurface | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/WidgetConfigurationInterfaces.IWidgetConfigsForSurface/"
---

# Interface: IWidgetConfigsForSurface

> A structure defining the configuration of widgets for a separate surface.

## Remarks

For details, see [Configuring UI on different pages](https://customerscanvas.com/dev/editors/iframe-api/editor-configuration/multipage-config.html).

## Example

```js
product = {
    surfaces: `[{
            name: "surface1",
            printAreas: [{ designFile: "Postcard_side1" }]`
        },
        {
            name: "surface2",
            printAreas: `[{ designFile: "Postcard_side2" }]`
        }
    ]
};

config = {
    perSurfaceConfiguration: {
        "surface2": {
            widgets: {
                ObjectInspector: {
                    bgItemEnabled: false
                },
                ColorPicker: {
                    showPaletteOnly: false,
                    sections: [
                        {
                            type: "PaletteSection",
                            palette: `"rgb(0,0,0)", "rgb(255,255,255)"`
                        }
                    ]
                }
            }
        }
    }
};
```

## Properties

### Toolbox?

> `optional` **Toolbox?**: [`IToolboxConfig`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/WidgetConfigurationInterfaces.IToolboxConfig.md)

Settings of design elements that can be added to a canvas from the Toolbox.

***

### ObjectInspector?

> `optional` **ObjectInspector?**: [`IObjectInspectorConfig`](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/WidgetConfigurationInterfaces.IObjectInspectorConfig.md)

Settings defining a position of the Object Inspector, an appearance of layers, and messages.

***

### ColorPicker?

> `optional` **ColorPicker?**: `IColorPickerConfig`

Settings defining a color selection in the editor.