---
title: "IBarcodeDefaultConfig Interface"
canonical: https://customerscanvas.com/docs/cc5/customerscanvas.iframeapi.configuration.defaultconfig.ibarcodedefaultconfig.htm
archived: true
applies_to:
  - product: "Customer's Canvas On-Premises"
  - product: "Design Editor"
    versions: ["5.35.9", "5.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 5.35.9, 5.x (may differ) · **Archived documentation**
 
A structure defining the default parameters of barcodes.
  
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/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iimageitemdefaultconfig.htm.md).[addImageAsPlaceholder](https://customerscanvas.com/docs/cc5/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/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[angle](https://customerscanvas.com/docs/cc5/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/cc5/customerscanvas.iframeapi.configuration.defaultconfig.htm.md)

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

Defines permissions for barcodes.
 
### Optional borderColor
 
borderColor: string

Inherited from [IShapeItemDefaultConfig](https://customerscanvas.com/docs/cc5/customerscanvas.iframeapi.configuration.defaultconfig.ishapeitemdefaultconfig.htm.md).[borderColor](https://customerscanvas.com/docs/cc5/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/cc5/customerscanvas.iframeapi.configuration.defaultconfig.ishapeitemdefaultconfig.htm.md).[borderWidth](https://customerscanvas.com/docs/cc5/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/cc5/customerscanvas.iframeapi.configuration.defaultconfig.icontentitemdefaultconfig.htm.md).[fillColor](https://customerscanvas.com/docs/cc5/customerscanvas.iframeapi.configuration.defaultconfig.icontentitemdefaultconfig.htm.md)
 
Overwrites [IShapeItemDefaultConfig](https://customerscanvas.com/docs/cc5/customerscanvas.iframeapi.configuration.defaultconfig.ishapeitemdefaultconfig.htm.md).[fillColor](https://customerscanvas.com/docs/cc5/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/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[height](https://customerscanvas.com/docs/cc5/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/cc5/customerscanvas.iframeapi.configuration.defaultconfig.ibarcodedefaultconfig.htm.md) value is used for both **width** and **height**.
 
### Optional imagePermissions
 
imagePermissions: [IImagePermissionsConfig](https://customerscanvas.com/docs/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iimagepermissionsconfig.htm.md)

Inherited from [IImageItemDefaultConfig](https://customerscanvas.com/docs/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iimageitemdefaultconfig.htm.md).[imagePermissions](https://customerscanvas.com/docs/cc5/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/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iimageitemdefaultconfig.htm.md).[imageUrl](https://customerscanvas.com/docs/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iimageitemdefaultconfig.htm.md)

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

Inherited from [IItemDefaultConfig](https://customerscanvas.com/docs/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[isVariable](https://customerscanvas.com/docs/cc5/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/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iitempermissionsconfig.htm.md)

Inherited from [IItemDefaultConfig](https://customerscanvas.com/docs/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[itemPermissions](https://customerscanvas.com/docs/cc5/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/cc5/customerscanvas.iframeapi.configuration.defaultconfig.ilocationdefaultconfig.htm.md)

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

The location 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/cc5/customerscanvas.iframeapi.configuration.defaultconfig.imanipulationpermissionsconfig.htm.md)

Inherited from [IItemDefaultConfig](https://customerscanvas.com/docs/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[manipulationPermissions](https://customerscanvas.com/docs/cc5/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/cc5/customerscanvas.iframeapi.configuration.defaultconfig.icontentitemdefaultconfig.htm.md).[maskOpacity](https://customerscanvas.com/docs/cc5/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/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[name](https://customerscanvas.com/docs/cc5/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/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[opacity](https://customerscanvas.com/docs/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md)

An opacity applied 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/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iimageitemdefaultconfig.htm.md).[overlayColor](https://customerscanvas.com/docs/cc5/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/cc5/customerscanvas.iframeapi.configuration.defaultconfig.ishapepermissionsconfig.htm.md)

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

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

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

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

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

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

Inherited from [IItemDefaultConfig](https://customerscanvas.com/docs/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[visualizationPermissions](https://customerscanvas.com/docs/cc5/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/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md).[width](https://customerscanvas.com/docs/cc5/customerscanvas.iframeapi.configuration.defaultconfig.iitemdefaultconfig.htm.md)

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