Skip to main content

gridStep

Description

Optional. Sets the size of a grid step that defines the step of moving an item

When you change the value of the grid step, the distance between points in the Grid area will be also changed

Usage

gridStep?: number;
info

The specified number must be greater than or equal to 1

Default config

gridStep: 10

Example

const editor = new dhx.DiagramEditor("editor_container", {
gridStep:20
});
note

We recommend that you use arrows while moving an item in the editor. This way sets exactly one grid step of moving the item, whereas using a mouse can cause shift the item to several grid steps.

Related article: Grid area