---
title: "IBottomToolbarConfigParsed Interface"
canonical: https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.ibottomtoolbarconfigparsed.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/).

# IBottomToolbarConfigParsed Interface

**Applies to:** Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · **Archived documentation**
 
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);
```
 
## Properties
 
### Optional fullScreenButtonEnabled
 
fullScreenButtonEnabled: boolean

Displays the Full screen button; the full-screen mode is not supported in Internet Explorer and Safari, so the related button is not displayed in these browsers even if it is enabled. The default value is `true`.
 
### Optional fullWindowButtonEnabled
 
fullWindowButtonEnabled: boolean

Displays the Full window button. The default value is `true`.
 
### Optional gridCheckboxEnabled
 
gridCheckboxEnabled: boolean

Displays the grid toggle button. The default value is `true`.
 
### Optional previewModeCheckboxEnabled
 
previewModeCheckboxEnabled: boolean

Displays the **Preview mode** check box on the **Marking** menu. The default value is `false`.
 
### Optional rotateButtonEnabled
 
rotateButtonEnabled: boolean

Displays the Rotate button to rotate the canvas at the angle predefined in [IRotationConfig](https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.irotationconfig.htm.md). The default value is `false`.
 
### Optional safetyLinesCheckboxEnabled
 
safetyLinesCheckboxEnabled: boolean

Displays the safety lines toggle button. The default value is `true`.
 
### Optional snapLinesItemsCheckboxEnabled
 
snapLinesItemsCheckboxEnabled: boolean

Displays the **Snap to items** check box on the **Marking** menu. The default value is `true`.
 
### Optional snapLinesPrintAreaCheckboxEnabled
 
snapLinesPrintAreaCheckboxEnabled: boolean

Displays the **Snap to page** check box on the **Marking** menu. The default value is `true`.
 
### Optional snapLinesSafetyLinesCheckboxEnabled
 
snapLinesSafetyLinesCheckboxEnabled: boolean

Displays the **Snap to safety lines** check box on the **Marking** menu. The default value is `true`.
 
### Optional surfaceSwitch
 
surfaceSwitch: [ISurfaceSwitchConfigParsed](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.isurfaceswitchconfigparsed.htm.md)

Defines the pagination control in the Bottom toolbar.
 
### Optional zoomButtonsEnabled
 
zoomButtonsEnabled: boolean

Displays the Zoom in and Zoom out buttons. The default value is `true`.
 
### Optional zoomValueEnabled
 
zoomValueEnabled: boolean

Displays current zoom value. The default value is `true`.