IBottomToolbarConfigParsed Interface

A structure containing the configuration of the Bottom toolbar.

example

const productDefinition = {
    surfaces: [
        {
            name: "Left",
            printAreas: [{ designFile: "TriFold_Side1" }]
        },
        {
            name: "Middle",
            printAreas: [{ designFile: "TriFold_Side2" }]
        },
        {
            name: "Right",
            printAreas: [{ designFile: "TriFold_Side3" }]
        }
    ]
};

const configuration = {
    widgets: {
        BottomToolbar: {

            // Disable buttons in the Bottom Toolbar.
            zoomValueEnabled: false,
            zoomButtonsEnabled: false,
            rotateButtonEnabled: false,
            fullScreenButtonEnabled: false,
            safetyLinesCheckboxEnabled: false,
            previewModeCheckboxEnabled: false,
            gridCheckboxEnabled: false,
            snapLinesItemsCheckboxEnabled: false,
            snapLinesPrintAreaCheckboxEnabled: false,
            snapLinesSafetyLinesCheckboxEnabled: false,

            // Enable only page names in the navigation area.
            surfaceSwitch: {
                enabled: true,
                showThumbnails: false,
                showSurfaceNames: true,
                scrollPageButtonsEnabled: false,
                toggleSurfaceButtonsEnabled: false,
                firstAndLastButtonsEnabled: false
            }
        }
    }
};

CustomersCanvas.IframeApi.loadEditor(iframe, productDefinition, configuration);