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

# ISurfaceSwitchConfigParsed Interface

**Applies to:** Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · **Archived documentation**
 
A structure defining the configuration of the navigation area in the Bottom toolbar.
  
 - example
     - ```
configuration = {
    widgets: {
        BottomToolbar: {
            zoomValueEnabled: false,
            zoomButtonsEnabled: false,
            fullWindowButtonEnabled: false,
            fullScreenButtonEnabled: false,

            // Enable only page names in the navigation area by default.
            surfaceSwitch: {
                enabled: true,
                showThumbnails: false,
                showSurfaceNames: true,
                scrollPageButtonsEnabled: false,
                toggleSurfaceButtonsEnabled: false,
                firstAndLastButtonsEnabled: false,
                specificForSurfaceCount: {
                    // Disable the navigation area for single-page products.
                    1: {
                        enabled: false
                    },
                    // Enable only page names for two-page products.
                    2: {
                        showSurfaceNames: true,
                        showThumbnails: false,
                        scrollPageButtonsEnabled: false,
                        toggleSurfaceButtonsEnabled: false,
                        firstAndLastButtonsEnabled: false
                    }
                }
            }
        }
    }
};
```
 
## Properties
 
### Optional enabled
 
enabled: boolean

Enables the pagination control. The default value is `true`.
 
### Optional firstAndLastButtonsEnabled
 
firstAndLastButtonsEnabled: boolean

Displays the **First** and **Last** buttons for the page navigation. The default value is `true`.
 
### Optional scrollPageButtonsEnabled
 
scrollPageButtonsEnabled: boolean

Displays the **Next** and **Previous** buttons, which allow for scrolling the page selector. The default value is `true`.
 
### Optional showSurfaceNames
 
showSurfaceNames: boolean

Displays page names in the pagination control. If it is `true` and you name your product surfaces, then these names are shown in the navigation area. Otherwise, surface indexes are shown. The default value is `false`.
 
### Optional showThumbnails
 
showThumbnails: boolean

Displays page thumbnails. The default value is `false`.
 
### Optional specificForSurfaceCount
 
specificForSurfaceCount: object

Defines the pagination control for products consisting of the certain number of pages. There are the default settings for single-page, two-page, and three-page products.
  
#### specificForSurfaceCount declaration
 
- #####  [countOfSurfaces: number ]:  [ISurfaceSwitchConfigParsed](https://customerscanvas.com/docs/cc6/customerscanvas.baseeditor.configuration.ui.isurfaceswitchconfigparsed.htm.md)
 
### Optional toggleSurfaceButtonsEnabled
 
toggleSurfaceButtonsEnabled: boolean

Displays the **Next** and **Previous** buttons, which allow for switching between pages. The default value is `false`.