gridStep

defines a drag step for blocks

Example

webix.ui({
  view: "diagram-editor",
  data: [/* block objects*/],
  links: [/* link objects */],
  gridStep: 15,
});

Related samples

The property defines number of pixels the block is moved at one go when being dragged.

As it is a reactive property you can access and alter it dynamically via the editor state:

$$("editor").getState().gridStep = 100;

Back to top