Skip to main content


sets the size of a grid step that defines the step of moving a shape/group/swimlane

gridStep?: number;
Default value: 10


const diagram = new dhx.Diagram("diagram_container", { 

The value of the property can be a number which is greater than or equal to 1.

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.