Back to all docs
API Reference / Kendo.Mvc.UI.Fluent / DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>
New to Telerik UI for ASP.NET MVC? Start a free 30-day trial

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Class

Defines the fluent API for configuring the DiagramEditableSettings settings.

Definition

Namespace:Kendo.Mvc.UI.Fluent

Assembly:Kendo.Mvc.dll

Type Parameters:

TShapeModel

TConnectionModel

Syntax:
C#
public class DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> where TShapeModel : class where TConnectionModel : class

Inheritance: objectDiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Inherited Members object.GetType()object.MemberwiseClone()object.ToString()object.Equals(object)object.Equals(object, object)object.ReferenceEquals(object, object)object.GetHashCode()...

Constructors

DiagramEditableSettingsBuilder(DiagramEditableSettings<TShapeModel, TConnectionModel>)

C#
public DiagramEditableSettingsBuilder(DiagramEditableSettings<TShapeModel, TConnectionModel> settings)
Parameters:settingsDiagramEditableSettings<TShapeModel, TConnectionModel>

Methods

ConnectionTemplate(string)

Specifies the connection editor template, which shows up when editing the connection. A template can be used to change the default editors for the connection fields or to prevent some fields from being edited by not rendering an editor input for them.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> ConnectionTemplate(string value)
Parameters:valuestring

The value that configures the connection template.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

ConnectionTemplate<TModel>(TemplateBuilder<TModel>)

Specifies the connection editor template, which shows up when editing the connection. A template can be used to change the default editors for the connection fields or to prevent some fields from being edited by not rendering an editor input for them.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> ConnectionTemplate<TModel>(TemplateBuilder<TModel> template)
Parameters:templateTemplateBuilder<TModel>

A Template component that configures the connectiontemplate.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

ConnectionTemplateHandler(string)

Specifies the connection editor template, which shows up when editing the connection. A template can be used to change the default editors for the connection fields or to prevent some fields from being edited by not rendering an editor input for them.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> ConnectionTemplateHandler(string value)
Parameters:valuestring

The value that configures the connection template.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Example:
C#
@(Html.Kendo().Diagram()
.Name("diagram")
.Editable(e =&gt; e.ConnectionTemplateHandler("getConnectionTemplate"))
)

ConnectionTemplateId(string)

Specifies the connection editor template, which shows up when editing the connection. A template can be used to change the default editors for the connection fields or to prevent some fields from being edited by not rendering an editor input for them.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> ConnectionTemplateId(string value)
Parameters:valuestring

The value that configures the connection template.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Example:
C#
@(Html.Kendo().Diagram()
.Name("diagram")
.Editable(e =&gt; e.ConnectionTemplateId("connectionEditorTemplate"))
)

ConnectionTemplateName(string)

Specifies the name of the connection editor template.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> ConnectionTemplateName(string value)
Parameters:valuestring

The name of the Razor view editor template.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Example:
C#
@(Html.Kendo().Diagram()
.Name("diagram")
.Editable(editable =&gt; editable.ConnectionTemplateName("DiagramShapeEditor"))
)

ConnectionTemplateView(MvcHtmlString)

Specifies the connection editor template, which shows up when editing the connection. A template can be used to change the default editors for the connection fields or to prevent some fields from being edited by not rendering an editor input for them.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> ConnectionTemplateView(MvcHtmlString value)
Parameters:valueMvcHtmlString

The value that configures the connection template.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Example:
C#
@(Html.Kendo().Diagram()
.Name("diagram")
.Editable(e =&gt; e.ConnectionTemplateView(Html.Partial("ConnectionTemplateView")))
)

Drag(Action<DiagramEditableDragSettingsBuilder<TShapeModel, TConnectionModel>>)

Specifies if the shapes and connections can be dragged.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> Drag(Action<DiagramEditableDragSettingsBuilder<TShapeModel, TConnectionModel>> configurator)
Parameters:configuratorAction<DiagramEditableDragSettingsBuilder<TShapeModel, TConnectionModel>>

The action that configures the drag settings.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Example:
C#
@(Html.Kendo().Diagram()
.Name("diagram")
.Editable(e =&gt; e.Drag(d =&gt; d.Snap(s =&gt; s.Size(80))))
)

Drag(bool)

Specifies if the shapes and connections can be dragged.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> Drag(bool enabled)
Parameters:enabledbool

The value that enables or disables the Drag option.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Example:
C#
@(Html.Kendo().Diagram()
.Name("diagram")
.Editable(e =&gt; e.Drag(true))
)

Remove(bool)

Specifies if the shapes and connections can be removed.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> Remove(bool value)
Parameters:valuebool

The value that enables or disables the Remove option.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Example:
C#
@(Html.Kendo().Diagram()
.Name("diagram")
.Editable(e =&gt; e.Remove(true))
)

Resize(Action<DiagramEditableResizeSettingsBuilder<TShapeModel, TConnectionModel>>)

Defines the look-and-feel of the resizing handles.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> Resize(Action<DiagramEditableResizeSettingsBuilder<TShapeModel, TConnectionModel>> configurator)
Parameters:configuratorAction<DiagramEditableResizeSettingsBuilder<TShapeModel, TConnectionModel>>

The action that configures the resize settings.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Example:
C#
@(Html.Kendo().Diagram()
.Name("diagram")
.Editable(e =&gt; e.Resize(r =&gt; r.Width(20).Height(20)))
)

Resize(bool)

Defines the look-and-feel of the resizing handles.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> Resize(bool enabled)
Parameters:enabledbool

The value that enables or disables the Resize option.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Example:
C#
@(Html.Kendo().Diagram()
.Name("diagram")
.Editable(e =&gt; e.Resize(true))
)

Rotate(Action<DiagramEditableRotateSettingsBuilder<TShapeModel, TConnectionModel>>)

Specifies rotate settings of the shapes.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> Rotate(Action<DiagramEditableRotateSettingsBuilder<TShapeModel, TConnectionModel>> configurator)
Parameters:configuratorAction<DiagramEditableRotateSettingsBuilder<TShapeModel, TConnectionModel>>

The action that configures the rotate settings.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Example:
C#
@(Html.Kendo().Diagram()
.Name("diagram")
.Editable(e =&gt; e.Rotate(r =&gt; r.Fill(f =&gt; f.Color("green"))))
)

Rotate(bool)

Specifies rotate settings of the shapes.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> Rotate(bool enabled)
Parameters:enabledbool

The value that enables or disables the Rotate option.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Example:
C#
@(Html.Kendo().Diagram()
.Name("diagram")
.Editable(e =&gt; e.Rotate(true))
)

ShapeTemplate(string)

Specifies the shape editor template. You can use it to customize the editing UI of the shape or to display editor controls only for certain fields of the shape data item.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> ShapeTemplate(string value)
Parameters:valuestring

The value that configures the shapetemplate.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

ShapeTemplate<TModel>(TemplateBuilder<TModel>)

Specifies the shape editor template. You can use it to customize the editing UI of the shape or to display editor controls only for certain fields of the shape data item.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> ShapeTemplate<TModel>(TemplateBuilder<TModel> template)
Parameters:templateTemplateBuilder<TModel>

A Template component that configures the shapetemplate.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

ShapeTemplateComponentName(string)

Specifies the name of the editor template that contains a Template component, which defines the editors for the shape data item. The editor template must be added in the 'Views/Shared/EditorTemplates/' folder.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> ShapeTemplateComponentName(string templateName)
Parameters:templateNamestring

The name of the Razor view editor template.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Example:
C#
@(Html.Kendo().Diagram()
.Name("diagram")
.Editable(editable =&gt; editable.ShapeTemplateComponentName("DiagramShapeEditor"))
)

ShapeTemplateHandler(string)

Specifies the shape editor template. You can use it to customize the editing UI of the shape or to display editor controls only for certain fields of the shape data item.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> ShapeTemplateHandler(string value)
Parameters:valuestring

The value that configures the shapetemplate.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Example:
C#
@(Html.Kendo().Diagram()
.Name("diagram")
.Editable(editable =&gt; editable.ShapeTemplateHandler("getShapeEditorTemplate"))
)

ShapeTemplateId(string)

Specifies the shape editor template. You can use it to customize the editing UI of the shape or to display editor controls only for certain fields of the shape data item.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> ShapeTemplateId(string value)
Parameters:valuestring

The value that configures the shapetemplate.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Example:
C#
@(Html.Kendo().Diagram()
.Name("diagram")
.Editable(editable =&gt; editable.ShapeTemplateId("shapeEditorTemplate"))
)

ShapeTemplateName(string)

Specifies the name of the shape editor template. You can use it to customize the editing UI of the shape or to display editor controls only for certain fields of the shape data item.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> ShapeTemplateName(string value)
Parameters:valuestring

The name of the Razor view editor template.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Example:
C#
@(Html.Kendo().Diagram()
.Name("diagram")
.Editable(editable =&gt; editable.ShapeTemplateName("DiagramShapeEditor"))
)

ShapeTemplateView(MvcHtmlString)

Specifies the shape editor template. You can use it to customize the editing UI of the shape or to display editor controls only for certain fields of the shape data item.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> ShapeTemplateView(MvcHtmlString value)
Parameters:valueMvcHtmlString

The value that configures the shapetemplate.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

Example:
C#
@(Html.Kendo().Diagram()
.Name("diagram")
.Editable(editable =&gt; editable.ShapeTemplateView(Html.Partial("ShapteTemplateView")))
)

Tools(Action<DiagramEditableSettingsToolFactory<TShapeModel, TConnectionModel>>)

Specifies the toolbar tools.

C#
public DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel> Tools(Action<DiagramEditableSettingsToolFactory<TShapeModel, TConnectionModel>> configurator)
Parameters:configuratorAction<DiagramEditableSettingsToolFactory<TShapeModel, TConnectionModel>>

The action that configures the tools.

Returns:

DiagramEditableSettingsBuilder<TShapeModel, TConnectionModel>

In this article
DefinitionConstructorsDiagramEditableSettingsBuilder(DiagramEditableSettings<TShapeModel, TConnectionModel>)MethodsConnectionTemplate(string)ConnectionTemplate<TModel>(TemplateBuilder<TModel>)ConnectionTemplateHandler(string)ConnectionTemplateId(string)ConnectionTemplateName(string)ConnectionTemplateView(MvcHtmlString)Drag(Action<DiagramEditableDragSettingsBuilder<TShapeModel, TConnectionModel>>)Drag(bool)Remove(bool)Resize(Action<DiagramEditableResizeSettingsBuilder<TShapeModel, TConnectionModel>>)Resize(bool)Rotate(Action<DiagramEditableRotateSettingsBuilder<TShapeModel, TConnectionModel>>)Rotate(bool)ShapeTemplate(string)ShapeTemplate<TModel>(TemplateBuilder<TModel>)ShapeTemplateComponentName(string)ShapeTemplateHandler(string)ShapeTemplateId(string)ShapeTemplateName(string)ShapeTemplateView(MvcHtmlString)Tools(Action<DiagramEditableSettingsToolFactory<TShapeModel, TConnectionModel>>)
Not finding the help you need?
Contact Support