DiagramLite

What's New in DiagramLite (MindFusion.Diagramming for Silverlight) 2.3?

• Interactive node alignment via alignment guides
• FractalLayout tree layout algorithm
• Specify start and end nodes for LayeredLayout
• MoveDirection constraint added to NodeConstraints
• GetAllIncomingLinks and GetAllOutgoingLinks methods added
• Attach and group nodes hierarchically
• LinkRouted event raised when links are auto-routed

What's New in DiagramLite (MindFusion.Diagramming for Silverlight) 2.2?

• VirtualizingDiagram control adds virtualization support
• Clicked event raised when the user clicks on the diagram
• Diagram.Viewport returns the visible portion of the diagram
• Several multiple-resize improvements

What's New in DiagramLite (MindFusion.Diagramming for Silverlight) 2.1?

• CompositeLayout multi-level graph layout algorithm
• Improved alignment in FlowchartLayout branches
• OrthogonalLayout improved to create less link bends
• SpringLayout improved support for nodes with non-uniform size
• New DisableMirroring constraint prevents users from flipping a node

What's New in DiagramLite (MindFusion.Diagramming for Silverlight) 2.0.1?

• Create HTML image maps for exported diagram images
• Id property added to DiagramItem
• DelKeyAction specifies how to process Del key-press
• LinkDeleting and NodeDeleting validation events

What's New in DiagramLite (MindFusion.Diagramming for Silverlight) 2.0?

Swimlanes
The lane grid lets you emphasize the relationship between a group of diagram items by displaying them in a distinct lane or cell within the grid. To display the lane grid, set the EnableLanes property of the Diagram class to true. In order to customize the grid, set the various attributes exposed by the LaneGrid property, which lets you specify the number of rows and columns, add headers, customize the cell appearance, etc. The new Lanes sample project uses the lane grid to let users draw Gantt charts.

Swimlane Layout
Swimlane layout can be used to arrange process diagrams in which nodes representing activities are placed in swimlanes representing resources. The index of the resource allocated to an activity should be assigned to the corresponding node's LayoutTraits[SwimlaneLayoutTraits.Lane].

Cascade Layout
Cascade layout places nodes on a virtual grid and arranges links orthogonally, such that if the source graph is planar all links are guaranteed to have no more than two bends and will not intersect. By default the layout method arranges nodes in rows and link segments in columns; this can be changed by setting the Orientation property.

Triangular Layout
Triangular layout places nodes on a virtual grid, such that if the source graph is planar, all links are guaranteed to have a single segment and not intersect. If the graph is not planar, its intersecting links can be optionally segmented and bended in order to improve readability. The layout method places the nodes from the external face on a triangle and recursively adds the rest of the nodes as vertices of internal triangles. As a result, it is very effective for near maximal-planar (a.k.a. triangular) graphs.

Hierarchical Layout
Hierarchical layout places nodes on user-defined levels, such that if the source graph is level-planar, all links are guaranteed to have a single segment and not intersect. The layout method requires that for each node LayoutTraits contains a HierarchicalLayoutTraits.Level entry specifying the level, and no two connected nodes must be on the same level.

Miscellaneous

• Windows Phone 7 assemblies included.
• OrtogonalLayout results have been greatly improved for nonplanar graphs.
• In-place edit operations for links and the LinkDoubleClicked event are now triggered also when the TextBlock that displays link's label is double clicked. Older versions detected double clicks only over link segments.
• Gradients set as CaptionBackBrush now fill only the caption bar of a table.
• SelectionMoving validation event added.
• The CancelDrag method allows cancelling draw operations at any time.
• TextAlignment property added to the Cell class.
• The Bounds property of nodes is now a dependency property.
• The KeepInsideParent constraint allows confining a node inside the boundaries of its Container.
• AllowMoveStart and AllowMoveEnd properties added to DiagramLink.

What's New in DiagramLite (MindFusion.Diagramming for Silverlight) 1.7?

Clipboard Support
A single diagram item or a selection of items can be copied or cut to the Windows clipboard. This is done programmatically using the CopyToClipboard and CutToClipboard methods. To paste the clipboard contents into the current diagram, call PasteFromClipboard. Clipboard support was introduced with version 4 of Silverlight, so these methods are not available in the Silverlight 3 build of the control.

Node rotation
Shape nodes can be rotated at an arbitrary angle. The RotationAngle property can be used to get or set the current rotation angle in code. Nodes can also be rotated interactively if the Rotate flag in EnabledHandles is set. That flag displays a round adjustment handle above the node which sets the rotation angle when dragged.

Miscellaneous

• The expand/collapse button displayed beside Expandable nodes can be customized using the ExpandButtonTemplate property.
• The AutoScroll property enabled automatic scrolling when the mouse is dragged near the diagram edges.
• The TransformDiagramToItem and TransformItemToDiagram methods transform points between item's and diagram's coordinates. 

What's New in DiagramLite (MindFusion.Diagramming for Silverlight) 1.6?

Support for custom arrowheads
The type of the HeadShape, BaseShape and IntermediateShape properties of DiagramLink has been changed from enum ArrowHead to class Shape, which is also used to define ShapeNode shapes. The ArrowHeads class now exposes Shape definitions that correspond to the ArrowHead enumeration members from previous versions. It is also possible to assign any Shapes member or a custom shape as an arrowhead. When used for arrowheads, position (50, 0) in the shape definition corresponds to the arrowhead's tip point.  

Adjustment handles styling
The ActiveItemHandlesStyle, SelectedItemHandlesStyle and DisabledHandlesStyle properties can be used to customize the appearance of selection handles. The HandlesVisualStyle objects returned by them provide sub-properties that control the handles stroke and fill attributes.

Other DiagramLite 1.6 improvements?

• Different arrowhead shapes can be filled with distinct brushes as set through HeadBrush, BaseBrush and IntermediateBrush.
• The diagram area can be resized automatically to fit the current diagram items as set through the AutoResize property.
• InitializeNode and InitializeLink events are raised when the user starts drawing a new item and can be used to customize the appearance of nodes and links before they are displayed.
• Improved drawing speed of links.
• The AnimatedLayout sample project demonstrates how to use SpringLayout for animation and partial layout.

What's New in DiagramLite (MindFusion.Diagramming for Silverlight) 1.5?

Support for Silverlight 4
The package now includes a Silverlight 4 version of the MindFusion.Diagramming assembly, available in the VS2010 subfolder of the installation folder. That subfolder also includes sample projects for Visual Studio 2010. Silverlight 3 and Visual Studio 2008 are still supported.

Printing support
Printing support is available in the Silverlight 4 version of the component. Call the Print method to print the current diagram. The PrintOptions class exposes the available settings for printing such as Margins and HeaderFormat. An instance of this structure is accessible via the diagram's PrintOptions property.

Visual states
The DiagramItem class now defines two visual state groups. The group SelectionStates contains the Unselected and Selected states. The MouseStates group contains the MouseOut, MouseOver and MouseDown states. Note that the control does not provide any built-in animations for transitions between these states. If that's required, it can be implemented through custom Xaml templates where Storyboard objects are associated with states through the VisualStateManager.VisualStateGroups property.

Other Improvements

• To display a custom mouse cursor that does not depend on the current context, set the OverrideCursor property.
• The CanUndo and CanRedo properties are enabled when there are actions in the undo queue that can be undone or redone.
• ActionUndone and ActionRedone events are now raised when a Command is undone or redone.
• Classes derived from DiagramLink can control the position of the link's TextBlock by overriding UpdateTextLayout.
• A KeepRatio constraint added to NodeConstraint to enable locking the width to height ratio for a node.
• LinkPasted and NodePasted events are raised when PasteSelection adds the corresponding types of items.
• Improved hit-testing and link alignment to borders for RoundRect shapes.
• Text wrapping can be enabled or disabled through the TextWrapping property.

What's New in DiagramLite (MindFusion.Diagramming for Silverlight) 1.4?

• The TreeViewNode class implements nodes that display hierarchical data 
• Links snap to nearest node as set through AutoSnapLinks and AutoSnapDistance 
• GetLinkAt returns a DiagramLink located at the specified point 
• GetNearestNode returns the node nearest to the specified point 
• InplaceEditCancelOnEsc property added 
• Granularity and TurnCost properties added to QuickRouter 
• HyperLink property added to DiagramItem 
• keep specified nodes' position but consider their repulsion on others in SpringLayout 
• SplitGraph property added to SpringLayout 
• a new CenteredCircle style added to the ArrowHead enumeration

What's New in DiagramLite (MindFusion.Diagramming for Silverlight) 1.3?

• Undo / redo support
• NodeListView control
• New grid appearance properties
• Rounded link joins
• Mouse cursors show what action will start at the current position

What's New in DiagramLite (MindFusion.Diagramming for Silverlight) 1.2?

Ruler control
The Ruler control provides horizontal and vertical scales that helps users measure and align diagram items. In order to use the Ruler, it must be set as a parent of the Diagram object, i.e. in XAML the <Ruler> element should contain the <Diagram> element. The control also implements a scrollable area and can be used instead of ScrollViewer.

Styling and templating

• Now the appearance of nodes is specified through control templates, and it is possible to override the default appearance via custom templates
• Many appearance related properties are now dependency properties and can be set from styles and template bindings
• The Pen property has been superseded by Stroke, StrokeThickness and related properties. Pen is still present for compatibility reasons

LayereLayout enhancements

• The EnableCustomLayers property enables assigning nodes to specific layers
• Set the EnforceLinkFlow property to force links flow in the same general direction when there aren't any cycles in the graph
• You can get layer placement information for nodes and links through the Statistics property
• StraightenLongLinks ensures that links make no more than two bends

Miscellaneous

• ZoomToRect method added to Diagram
• GetNearestSegment method added to DiagramLink

What's New in DiagramLite (MindFusion.Diagramming for Silverlight) 1.1?

• The Overview control displays a scaled-down view of the Diagram
• FlowchartLayout recognizes program code
• Like patterns in the graph and arranges it as a flowchart
• TopologicalLayout arranges a graph according to its topological ordering
• A much faster link routing algorithm has been implemented 
• ShapeNodes can be resized to fit their text by calling ResizeToFitText 
• Set KeepInsideParent to prevent users from taking a node out of its container 
• The crossing points of links can be rendered either as arcs or cuts 
• CreateImage and SaveToPng can be used to export the diagram to a bitmap image

What's New in DiagramLite (MindFusion.Diagramming for Silverlight) 1.0.3?

• Orthogonal graph layout algorithm
• Circular graph layout algorithm
• ContainerNodes can contain child nodes
• PathFinder lets you find paths and cycles in the diagram graph
• HitTestPriority specifies the priority of items when hit-testing 
• AllowUnconnectedLinks lets you prevent users from drawing unconnected links 

What's New in DiagramLite 1.0.2?

• The user can select multiple items
• SerializeTag and DeserializeTag events raised to let you serialize Tag values 
• SerializeControl and DeserializeControl events let you serialize ControlNodes 
• Added predefined shapes that implement the BPMN notation 
• Shape definitions can include custom label area 
• The shape decoration elements can have distinct pen color and width 
• It is possible to add filled geometric shapes as shape decorations 
• CopySelection and PasteSelection let you copy a selection of items 
• Text alignment in nodes can be set through the TextFormat property 
• Image alignment in nodes can be set through the ImageAlign property 
• ResizeToFitItems makes Diagram.Bounds big enough to contain all items 
• Disable some modifications to nodes using EnabledHandles 
• ModificationStart allows moving an item without selecting it first 
• Diagram now derives from Control instead of Canvas 
• DashStyle property added to the Pen class

DiagramLite (MindFusion.Diagramming for Silverlight) programming component lets you quickly and easy integrate great flowchart capabilities in all types of Web applications using Microsoft Silverlight.

DiagramLite's features range from useful user interaction events to numerous properties for complete control over appearance; from various input / output options to stunning layout algorithms.

DiagramLite (MindFusion.Diagramming for Silverlight) Features

• Redistribution is royalty free
• Assembly is strong-named
• Can be purchased with source code
• Is written in C#

DiagramLite (MindFusion.Diagramming for Silverlight) User Interaction

• Several user interaction modes
• Scrolling and zooming
• Copy and paste to/from Windows clipboard
• Panning
• Automatic scrolling while dragging items with the mouse
• Alignment to grid
• Multiple selection
• Tool-tips
• Docking points can be defined for nodes
• Undo / redo support

DiagramLite (MindFusion.Diagramming for Silverlight) Programming

• Programmatic access to the diagram elements
• Numerous properties for customizing appearance and behavior
• Numerous utility methods
• Path finding and cycle detection
• Rich event set

DiagramLite (MindFusion.Diagramming for Silverlight) Store and Retrieve Diagrams into/from

• Files on disk
• .NET streams
• ASCII strings
• XML documents

DiagramLite (MindFusion.Diagramming for Silverlight) Diagram Elements

• Use any Silverlight control as a diagram node
• 87 predefined node shapes
• Ability to define custom shapes and shape libraries
• Rotation of shapes at arbitrary angles
• Tables with unlimited number of rows and columns
• Table cells can span several columns and rows
• Sections of table rows can be expanded or collapsed
• Links can comprise multiple segments
• Link segments can be straight lines or curves
• Support for custom node and link types

DiagramLite (MindFusion.Diagramming for Silverlight) Automatic Layout

• Spring-Embedder graph layout
• Directional tree layout
• Radial tree layout
• Layered graph layout
• Grid layout
• Simulated Annealing graph layout
• Orthogonal graph layout
• Flowchart and process diagrams layout
• Automatic link routing

DiagramLite (MindFusion.Diagramming for Silverlight) Appearance

• Nodes can display images and text
• Various text alignment styles
• Text can be laid out in polygonal areas
• Styled HTML-like text formatting
• Customizable fonts and colors
• Custom painting of nodes
• Shadows
• User-assigned mouse cursors
• Z-order
• Rich choice of pen and brush styles
• Transparent nodes
• Invisible nodes
• Embossment and shadow dispersion visual effects

DiagramLite (MindFusion.Diagramming for Silverlight) Behavior

• Lock diagram elements
• Read-only mode supported
• Tables can be scrolled
• Collapse and expand hierarchy branches
• In-place text editing
• Dynamic positioning of links relative to connected nodes

DiagramLite (MindFusion.Diagramming for Silverlight) Link Diagram Items

• Nodes to nodes
• Table rows to table rows
• Nodes to table rows
• Unconnected links