New to Telerik UI for ASP.NET MVC? Download free 30-day trial

DiagramLayoutGridSettingsBuilder

Methods

ComponentSpacingX(System.Double)

Defines the horizontal spacing between each component. The default is 50.

Parameters

value - System.Double

The value that configures the horizontal spacing.

Example


             @(Html.Kendo().Diagram()
               .Name("diagram")
               .Layout(l => l.Grid(grid => grid.ComponentSpacingX(80)))
             )

ComponentSpacingY(System.Double)

Defines the vertical spacing between each component. The default is 50.

Parameters

value - System.Double

The value that configures the vertical spacing.

Example


             @(Html.Kendo().Diagram()
               .Name("diagram")
               .Layout(l => l.Grid(grid => grid.ComponentSpacingY(100)))
             )

OffsetX(System.Double)

Defines the left offset of the grid layout. The default is 50.

Parameters

value - System.Double

The value that configures the left offset.

Example


             @(Html.Kendo().Diagram()
               .Name("diagram")
               .Layout(l => l.Grid(grid => grid.OffsetX(100)))
             )

OffsetY(System.Double)

Defines the top offset of the grid layout. The default is 50.

Parameters

value - System.Double

The value that configures the top offset.

Example


             @(Html.Kendo().Diagram()
               .Name("diagram")
               .Layout(l => l.Grid(grid => grid.OffsetY(100)))
             )

Width(System.Double)

Defines the width of the grid. The bigger this parameter the more components will be organized in an horizontal row. How many components really depends on your Diagram and the type of layout applied to each component.

Parameters

value - System.Double

The value that configures the width.

Example


             @(Html.Kendo().Diagram()
               .Name("diagram")
               .Layout(l => l.Grid(grid => grid.Width(1000)))
             )

In this article
Not finding the help you need?