The grid can be displayed in several styles. The grid style is controlled by the GridStyle property, which can accept one of the following values:

Depending on the grid style, different self-explanatory properties of the grid are used to control the appearance of the rendered strokes and filled areas. The following example makes an interlaced grid with semi - transparent yellow horizontal stripes, blue vertical stripes and red major lines:

// show the grid
grid.Visible = true;

// change its style
grid.GridStyle = GridStyle.Interlaced;

// change its appearance
grid.HorizontalStripesFillStyle = new NColorFillStyle(Color.FromArgb(50, Color.Yellow));
grid.VerticalStripesFillStyle = new NColorFillStyle(Color.FromArgb(50, Color.Blue));
grid.MajorLinesStrokeStyle = new NStrokeStyle(1, Color.Red);

' show the grid
grid.Visible = True

' change its style
grid.GridStyle = GridStyle.Interlaced

' change its appearance
grid.HorizontalStripesFillStyle = New NColorFillStyle(Color.FromArgb(50, Color.Yellow))
grid.VerticalStripesFillStyle = New NColorFillStyle(Color.FromArgb(50, Color.Blue))
grid.MajorLinesStrokeStyle = New NStrokeStyle(1, Color.Red)

By default the grid is only displayed within the document bounds - i.e. the grid is clipped with the document bounds. You can instruct it to occupy the entire viewport, by setting the ClipWithDocumentBounds property to false:

// display the grid in the entire viewport
grid.ClipWithDocumentBounds = false;

' display the grid in the entire viewport
grid.ClipWithDocumentBounds = False

The point from which grid lines originate is called origin and is controlled by the Origin property. It is specified in the grid measurement unit. The origin and useful information about it, can optionally be displayed by setting the ShowOrigin property to true:

// show the grid origin
grid.ShowOrigin = true;

' show the grid origin
grid.ShowOrigin = True

The size of the of the grid cells can be determined in several modes. The cell size mode is controlled by the CellSizeMode property, which can accept one of the following values:

• Fine - the grid automatically chooses a relatively small step based on the current view scale (twice smaller than normal)
• Normal - the grid automatically chooses a relatively normal step based on the current view scale.
• Coarse - the grid automatically chooses a relatively large step based on the current view scale (twice larger than normal) 
• Fixed - the grid cell size is constant and is specified by the FixedCellSize property.

The following code makes a fixed grid with cell size (50, 50) in the current grid measurement unit.

// change the cell size mode to fixed
grid.CellSizeMode = AutoStepMode.Fixed;
// set the fixed cell size
grid.FixedCellSize = new NSizeF(50, 50);

' change the cell size mode to fixed
grid.CellSizeMode = AutoStepMode.Fixed
' set the fixed cell size
grid.FixedCellSize = New NSizeF(50, 50)