---
title: "IGridConfig Interface"
canonical: https://customerscanvas.com/docs/cc6/customerscanvas.iframeapi.configuration.igridconfig.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/).

# IGridConfig Interface

**Applies to:** Customer's Canvas On-Premises; Design Editor 6.15.0, 6.x (may differ) · **Archived documentation**
 
The grid configuration. For details, see the [Markings](https://customerscanvas.com/docs/cc6/configuring-rulers-and-grids.htm.md) topic.
  
 - example
     - ```
configuration = {
    grid: {
        stepX: 0.1,
        stepY: 0.1
    }
};
```
 
## Properties
 
### Optional enabled
 
enabled: boolean

Displays the grid; if the grid is displayed it can be toggled by the **Grid** button.
 
### Optional horizontalColor
 
horizontalColor: string

Color of the horizontal grid lines.
 
### Optional lineWidthPx
 
lineWidthPx: number

Width of grid lines in pixels.
 
### Optional stepX
 
stepX: number

Distance between vertical grid lines.
 
### Optional stepY
 
stepY: number

Distance between horizontal grid lines.
 
### Optional verticalColor
 
verticalColor: string

Color of the vertical grid lines.