Log In
[Expand]General Information
[Collapse]WinForms Controls
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
    Getting Started
   [Expand]Diagram Designer
    Diagram Control
   [Expand]End-User Interaction
   [Expand]Diagram Items
   [Expand]Automatic Layout
   [Collapse]Data Binding Functionality
     Generating Diagrams from a Data Source
     Generating Organization Charts
     Item Template Designer
    Themes and Styles
    Printing and Exporting
    Saving and Loading Diagrams
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Report Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Item Template Designer

The Item Template Designer is a design-time tool that is used to define the appearance of items and connectors for diagrams generated from a data source (DiagramDataBindingController and DiagramOrgChartController).

To invoke the Item Template Designer, switch to the design view, invoke the data controller's smart tag and select the Run Template Designer item.

To define the appearance of items representing a data object, drag a template from the Template Designer category of the toolbox onto the canvas and apply the desired settings to it. Individual data fields can be represented by the Text and Image items. Items can be bound to data fields using the Item Data Binding Editor. To invoke it, double-click an item or click the item within it. To simply bind an item to a data field, type the name of the field. To build complex binding expressions, use the Criteria Language Syntax.

To define the appearance of connectors, drag a connector to the canvas and apply the desired settings to it.

By default, the uppermost connector/diagram item defined in XAML within the DiagramDataBindingControllerBase.TemplateDiagram is used as the template for the connectors/diagram items representing data objects.

You can use the DiagramDataBindingControllerBase.GenerateItem and DiagramDataBindingControllerBase.GenerateConnector events to implement custom logic for choosing the template. To do this, create diagram items/connectors in the DiagramDataBindingControllerBase.TemplateDiagram and specify their names using the DiagramItem.TemplateName property. Then handle the events and specify the name of the desired template as the event's CreateItemFromTemplate/CreateConnectorFromTemplate method parameter.

Is this topic helpful?​​​​​​​