Skip to main content

Interface: IDefaultItemsConfig

The configuration of new design elements that the user will add to the product.

Remarks​

For details, see the Toolbox https://customerscanvas.com/dev/editors/iframe-api/editor-configuration/toolbox.html|Toolbox topic.

Example​

var configuration = {
  defaultItemsConfig: {
    text: {
      font: {
        postScriptName: "Impact",
        size: 33,
        fauxBold: true,
        fauxItalic: true,
      },
      color: "rgb(0,255,255)",
      verticalAlignment: "center",
      isVertical: true,
      tracking: 27,
      leading: 125,
    },
    line: {
      width: 3,
      color: "rgb(255,0,0)",
      linePermissions: {
        allowChangeLineWidth: false,
      },
    },
    image: {
      manipulationPermissions: {
        allowMoveHorizontal: false,
        allowMoveVertical: false,
        resizeGrips: {
          edge: true,
          corner: ["Arbitrary"],
        },
      },
      themeBinding: {
        img: "main",
      },
    },
  },
};

var editor = await CustomersCanvas.IframeApi.loadEditor(
  iframe,
  productDefinition,
  configuration,
);

Properties​

image?​

optional image?: IGalleryItemConfig

Default parameters of images, which users add to the canvas.

shape?​

optional shape?: IShapeItemData

Default parameters of custom shapes, which users add to the canvas.

barcode?​

optional barcode?: IBarcodeItemData

Default parameters of barcodes, which users add to the canvas.

text?​

optional text?: ITextItemData

Default parameters of text, which users add to the canvas.

richText?​

optional richText?: IRichTextData

Default parameters of rich formatted text elements, which users add to the canvas.

archedText?​

optional archedText?: IArchedTextItemData

Default parameters of arched text elements, which users add to the canvas.

line?​

optional line?: ILineItemData

Default parameters of lines, which users add to the canvas.

rectangle?​

optional rectangle?: IRectangleItemData

Default parameters of rectangles, which users add to the canvas.

ellipse?​

optional ellipse?: IEllipseItemData

Default parameters of ellipses, which users add to the canvas.

placeholder?​

optional placeholder?: IPlaceholderItemData

Default parameters of image placeholders, which users add to the canvas.

group?​

optional group?: IGroupItemData

Default parameters of groups, which users add to the canvas.

clipart?​

optional clipart?: IClipartItemData

Default parameters of clipart, which users add to the canvas.

Was this page helpful?