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

# Interface: IWidgetsConfig

> The configuration of Design Editor's widgets.

## Remarks

For details, see [UI overview](https://customerscanvas.com/dev/editors/iframe-api/editor-configuration/ui-overview.html).

## Example

```js
configuration = {
    widgets: {
        ColorPicker: {
            showPaletteOnly: true
        },
        FinishButton: {
            mode: "Disabled"
        },
        ImageEditorDialog: {
            colorAdjustButtonEnabled: false
        },
        ObjectInspector: {
            bgItemEnabled: false
        },
        RichTextDialog: {
            bgColor: "lightgray"
        }
    }
};
```

## Properties

### common?

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

Common settings of widgets.

***

### FinishButton?

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

Settings of the Finish design button.

***

### BottomToolbar?

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

Settings of the Bottom toolbar.

***

### Toolbox?

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

Settings of 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 of the Object inspector.

***

### ItemMenu?

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

Settings of the Item menu.

***

### TopToolbar?

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

Settings of the Top toolbar.

***

### QrCodeDialog?

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

Settings of the Qr code dialog.

***

### LinearBarcodeDialog?

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

Settings of the Linear barcode dialog.

***

### RichTextDialog?

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

Settings of the Rich text dialog.

***

### ColorPicker?

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

Settings of the Color picker.

***

### ImageEditorDialog?

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

Settings of the Image editor dialog.

***

### AssetManager?

> `optional` **AssetManager?**: `IAssetManagerConfig`

Settings of the Image manager dialog.