Skip to main content

Grid

The grid increases the readability of the workflow. It is a background layer that is displayed behind the workflow. By default, the grid is a line grid but the designer supports also another type of grid.

Example

Check the Grid Example.

Line Grid​

This is a default mode. You don't need to change anything to use it.

If you want to change the size of the rectangle you need to add an instance of LineGridDesignerExtension class to your extensions configuration.

import { LineGridDesignerExtension } from 'sequential-workflow-designer';

const extensions = [
  LineGridDesignerExtension.create({
    gridSizeX: 48,
    gridSizeY: 48,
  }),
  // ...
];
const configuration = {
  extensions,
  // ...
};

Dot Grid (Pro)​

The dot grid is a grid that consists of dots.

Pro Only

This part of the article is available only for subscribers of the pro package. Buy the pro package to get an access to this part.

If you have already subscription please log in.

Cross Grid (Pro)​

The cross grid is a grid that consists of crosses.

Pro Only

This part of the article is available only for subscribers of the pro package. Buy the pro package to get an access to this part.

If you have already subscription please log in.