Interface IGridConfig

A structure containing the grid configuration.

Package: @aurigma/design-editor-iframe

Remarks

For details, see the Grids topic.

Examples

configuration = {
   grid: {
       stepX: 0.1,
       stepY: 0.1
   }
};

Properties

enabled

Displays the grid; if the grid is displayed it can be toggled by the **Grid** button.

Declaration

enabled?: boolean;

Property Value

Type	Description
boolean	Displays the grid; if the grid is displayed it can be toggled by the **Grid** button.

horizontalColor

Color of the horizontal grid lines.

Declaration

horizontalColor?: string;

Property Value

Type	Description
string	Color of the horizontal grid lines.

lineWidthPx

Width of grid lines in pixels.

Declaration

lineWidthPx?: number;

Property Value

Type	Description
number	Width of grid lines in pixels.

stepX

Distance between vertical grid lines.

Declaration

stepX?: number;

Property Value

Type	Description
number	Distance between vertical grid lines.

stepY

Distance between horizontal grid lines.

Declaration

stepY?: number;

Property Value

Type	Description
number	Distance between horizontal grid lines.

verticalColor

Color of the vertical grid lines.

Declaration

verticalColor?: string;

Property Value

Type	Description
string	Color of the vertical grid lines.