---
title: "IBarcodeDefaultConfig Interface"
canonical: https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.ibarcodedefaultconfig.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/).

# IBarcodeDefaultConfig Interface

**Applies to:** Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · **Archived documentation**
 
A structure defining the default parameters of barcodes. These parameters apply to those barcodes that the user adds to the canvas.
  
The following example illustrates how you can enable two buttons in the **Toolbox**: the first one opens the standard **QrCode** dialog box, while the second custom button adds a predefined QR code to the canvas.
 
 - example
     - ```
{
    "widgets": {
        "Toolbox": {
            "buttons": [
                "QrCode",
                {
                    "action": "CustomBarcode",
                    "iconClass": "cc-icon-qr-code",

                    "itemConfig": {
                        "barcodeContent": {
                            "barcodeFormat": "QrUrl",
                            "url": "example.com"
                        },
                        "name": "Custom barcode",
                        "color": "rgb(255,0,0)",
                        "width": "100",
                        "location": {
                            "originX": "left",
                            "originY": "bottom",
                            "x": "0%",
                            "y": "100%"
                        },
                        "manipulationPermissions": {
                            "allowMoveHorizontal": false,
                            "allowMoveVertical": false,
                            "resizeGrips": {
                                "edge": false,
                                "corner": []
                            }
                        }
                    }
                }
            ]
        }
    }
}
```
 
## Properties
 
### Optional addImageAsPlaceholder
 
addImageAsPlaceholder: boolean

Inherited from [IImageItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iimageitemdefaultconfig.htm.md).[addImageAsPlaceholder](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iimageitemdefaultconfig.htm.md)

Allows adding images to the canvas as placeholders. The default value is `false`.
 
### Optional angle
 
angle: number

Inherited from [IItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[angle](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md)

An angle, which design elements are rotated to. By default, this value is `0`.
 
### Optional barcodeContent
 
barcodeContent: [BarcodeContentType](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.htm.md)

The content of barcodes.
 
### Optional barcodePermissions
 
barcodePermissions: [IBarcodePermissionsConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.ibarcodepermissionsconfig.htm.md)

Defines permissions for barcodes.
 
### Optional blendMode
 
blendMode: [BlendMode](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.blendmode.htm.md)

Inherited from [IItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[blendMode](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md)

A blend mode that applies to design elements being added to the canvas.
 
### Optional borderColor
 
borderColor: string

Inherited from [IShapeItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.ishapeitemdefaultconfig.htm.md).[borderColor](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.ishapeitemdefaultconfig.htm.md)

The border color. The default value is `"rgba(0,0,0,1)"`.
 
### Optional borderWidth
 
borderWidth: number

Inherited from [IShapeItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.ishapeitemdefaultconfig.htm.md).[borderWidth](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.ishapeitemdefaultconfig.htm.md)

The border width, in points. The default value is `1`.
 
### Optional color
 
color: string

Defines the barcode color. The default value is `"rgb(0, 0, 0)"`.
 
### Optional fillColor
 
fillColor: string

Inherited from [IContentItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.icontentitemdefaultconfig.htm.md).[fillColor](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.icontentitemdefaultconfig.htm.md)
 
Overwrites [IShapeItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.ishapeitemdefaultconfig.htm.md).[fillColor](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.ishapeitemdefaultconfig.htm.md)

The fill color. The default value is `"rgba(0, 0, 0, 0)"`.
 
### Optional height
 
height: string  |  number

Inherited from [IItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[height](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md)

The height of design elements being added to the canvas, in points or percent. For QR codes, the [width](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.ibarcodedefaultconfig.htm.md) value is used for both **width** and **height**.
 
### Optional imagePermissions
 
imagePermissions: [IImagePermissionsConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iimagepermissionsconfig.htm.md)

Inherited from [IImageItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iimageitemdefaultconfig.htm.md).[imagePermissions](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iimageitemdefaultconfig.htm.md)

Defines permissions for images being added to the canvas.
 
### Optional imageUrl
 
imageUrl: string

Inherited from [IImageItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iimageitemdefaultconfig.htm.md).[imageUrl](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iimageitemdefaultconfig.htm.md)

A link to the default image.
 
### Optional isVariable
 
isVariable: boolean

Inherited from [IItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[isVariable](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md)

Marks a design element as a variable item. The default value is `false`.
 
### Optional itemPermissions
 
itemPermissions: [IItemPermissionsConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitempermissionsconfig.htm.md)

Inherited from [IItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[itemPermissions](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md)

A structure defining the Item Menu and the Floating item toolbar for design elements.
 
### Optional location
 
location: [ILocationDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.ilocationdefaultconfig.htm.md)

Inherited from [IItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[location](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md)

The coordinates of design elements being added to the canvas. By default, you can add them to the center of your product.
 
### Optional manipulationPermissions
 
manipulationPermissions: [IManipulationPermissionsConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.imanipulationpermissionsconfig.htm.md)

Inherited from [IItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[manipulationPermissions](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md)

A structure defining the manipulation permissions for design elements.
 
### Optional maskOpacity
 
maskOpacity: number

Inherited from [IContentItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.icontentitemdefaultconfig.htm.md).[maskOpacity](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.icontentitemdefaultconfig.htm.md)

The mask opacity of an item. The default value is `0.45`.
 
### Optional name
 
name: string

Inherited from [IItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[name](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md)

The name of design elements being added to the canvas.
 
### Optional opacity
 
opacity: number

Inherited from [IItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[opacity](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md)

An opacity that applies to design elements. This value can be from `0` to `1`. By default, it is `1`.
 
### Optional overlayColor
 
overlayColor: string

Inherited from [IImageItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iimageitemdefaultconfig.htm.md).[overlayColor](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iimageitemdefaultconfig.htm.md)

Defines an overlay color for images being added to the canvas.
 
### Optional shapePermissions
 
shapePermissions: [IShapePermissionsConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.ishapepermissionsconfig.htm.md)

Inherited from [IShapeItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.ishapeitemdefaultconfig.htm.md).[shapePermissions](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.ishapeitemdefaultconfig.htm.md)

Defines permissions for shapes.
 
### Optional textWrappingMode
 
textWrappingMode: [WrappingModeType](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.wrappingmode.htm.md)

Inherited from [IItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[textWrappingMode](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md)

A wrapping mode that applies to wrap text around design elements. By default, it is `"none"`.
 
### Optional themeBinding
 
themeBinding: [IThemeBindingConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.ithemebindingconfig.htm.md)

Inherited from [IItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[themeBinding](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md)

A style or a color that applies to new design elements.
 
### Optional visualizationPermissions
 
visualizationPermissions: [IVisualizationPermissionsConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.ivisualizationpermissionsconfig.htm.md)

Inherited from [IItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[visualizationPermissions](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md)

A structure defining the visualization permissions for design elements.
 
### Optional width
 
width: string  |  number

Inherited from [IItemDefaultConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[width](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md)

The width of design elements being added to the canvas, in points or percent.