---
title: "Interface: IZOrderConfig | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/WidgetConfigurationInterfaces.IZOrderConfig/"
---

# Interface: IZOrderConfig

> A structure containing the configuration of the z-order control.

## Remarks

[ITopToolbarConfig](https://customerscanvas.com/docs/on-premises/design-editor/iframe-api/reference/design-editor-iframe/interfaces/WidgetConfigurationInterfaces.ITopToolbarConfig.md) uses this structure.

## Example

``` js
configuration = {
   widgets: {
       TopToolbar: {
           displayZOrderButtonsAsDropdown: true,
           zOrder: {
               zOrderLevelButtonsEnabled: true,
               zOrderSendToButtonsEnabled: true
           }
       }
   }
}; 
```

## Properties

### zOrderLevelButtonsEnabled?

> `optional` **zOrderLevelButtonsEnabled?**: `boolean`

Enables the **Level up** and **Level down** buttons in the Top toolbar. The default value is `false`.

***

### zOrderSendToButtonsEnabled?

> `optional` **zOrderSendToButtonsEnabled?**: `boolean`

Enables the **Send to front** and **Send to bottom** buttons in the Top toolbar. The default value is `false`.
