ComponentSource Topic | DiagramLite

DiagramLite adds FractalLayout Layout Algorithm

Mon, 23 Jan 2012 14:53:00 GMT

A flow diagram created using DiagramLite.

DiagramLite provides Silverlight applications with the ability to create and display various kinds of diagram. It supports workflow, flowchart, process diagrams, object hierarchy and relationship charts plus entity-relationship diagrams. Every behavioral and appearance aspect of each diagram can be customized to best suit your project. Objects can have different styles, colors, fonts and images.

Updates in V2.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

About MindFusion Group

MindFusion Group was founded 2001 in Bulgaria by providing outsourcing services to clients from all over the world. During 2003 MindFusion developed its first ActiveX diagramming control. MindFusion quickly became dedicated to the development of reusable software components focusing on software engineers from all over the world.

DiagramLite updated

Wed, 10 Aug 2011 16:29:35 GMT

A flow diagram created using DiagramLite.

Updates in V2.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

About MindFusion Group

MindFusion Group products and services are based on the advanced technologies of industry leaders like Microsoft, Sun Microsystems and Macromedia as well as on open-source products. The professionals working with the MindFusion Group specialise in different areas of application and web development, database design and management, systems and network integration. They utilize the available technologies to maximum extent to create manageable, cost-efficient and flexible software solutions.

DiagramLite adds CompositeLayout graph algorithm

Fri, 10 Jun 2011 15:35:00 GMT

A flow diagram created using DiagramLite.

Version 2.1 also improves OrthogonalLayout to create less link bends.

DiagramLite provides applications targeting the Silverlight platform with the ability to create and display various kinds of diagram. DiagramLite supports workflow, flowchart and process diagrams, object hierarchy and relationship charts, entity-relationship diagrams, structures like graphs and trees, etc. Every behavioral and appearance aspect of MindFusion DiagramLite can be customized as best suits your project. DiagramLite's Diagram objects can have different styles, colors, fonts and pictures. DiagramLite's programming model comprises more than 300 methods, properties and events. Source Code is available. DiagramLite now supports Silverlight 4 and Visual Studio 2010. DiagramLite can be purchased with Source Code. Buy MindFusion DiagramLite and obtain 12 months of free upgrades. MindFusion DiagramLite renewals will extend your DiagramLite subscription for another year. DiagramLite Enterprise and DiagramLite Site Licenses also available.

Updates in V2.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

About MindFusion Group

DiagramLite V2.0.1 released

Thu, 07 Apr 2011 17:47:00 GMT

Running the TreeLayout sample in DiagramLite.

Updates in V2.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

About MindFusion Group

MindFusion Group products and services are based on the advanced technologies of industry leaders like Microsoft and Sun Microsystems as well as on open-source products. The professionals working with the MindFusion Group specialize in different areas of application and web development, database design and management, systems and network integration. They utilize the available technologies to maximum extent to create manageable, cost-efficient and flexible software solutions.

DiagramLite adds swimlanes

Wed, 17 Nov 2010 17:05:00 GMT

Running the TreeLayout sample in DiagramLite.

Version 2.0 also adds swimlane, cascade, triangular and hierarchical layouts, and includes Windows Phone 7 assemblies.

DiagramLite provides applications targeting the Silverlight platform with the ability to create and display various kinds of diagram. DiagramLite supports workflow, flowchart and process diagrams, object hierarchy and relationship charts, entity-relationship diagrams, structures like graphs and trees, etc. Every behavioral and appearance aspect of DiagramLite can be customized as best suits your project. DiagramLite's Diagram objects can have different styles, colors, fonts and pictures. DiagramLite's programming model comprises more than 300 methods, properties and events. Source Code is available. DiagramLite now supports Silverlight 4 and Visual Studio 2010.

Updates in V2.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.

About MindFusion Group

DiagramLite adds clipboard support

Mon, 12 Jul 2010 17:29:00 GMT

Running the TreeLayout sample in DiagramLite.

Version 1.7 also allows shape nodes to be rotated at an arbitrary angle.

DiagramLite provides applications targeting the Silverlight platform with the ability to create and display various kinds of diagram. It supports workflow, flowchart and process diagrams, object hierarchy and relationship charts, entity-relationship diagrams, structures like graphs and trees, etc. Every behavioral and appearance aspect of DiagramLite can be customized as best suits your project. Diagram objects can have different styles, colors, fonts and pictures. DiagramLite's programming model comprises more than 300 methods, properties and events. DiagramLite now supports Silverlight 4 and Visual Studio 2010. Source Code is available.

Updates in V1.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.
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.

About MindFusion Group

DiagramLite supports custom arrowheads

Wed, 16 Jun 2010 15:50:00 GMT

Running the TreeLayout sample in DiagramLite.

Version 1.6 also adds support for styling of adjustment handles and improved link drawing speed.

DiagramLite provides applications targeting the Silverlight platform with the ability to create and display various kinds of diagram. DiagramLite supports workflow, flowchart and process diagrams, object hierarchy and relationship charts, entity-relationship diagrams, structures like graphs and trees, etc. Every behavioral and appearance aspect of DiagramLite can be customized as best suits your project. DiagramLite's Diagram objects can have different styles, colors, fonts and pictures. DiagramLite's programming model comprises more than 300 methods, properties and events. Source Code is available. DiagramLite now supports Silverlight 4 and Visual Studio 2010.

Updates in V1.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.
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.

About MindFusion Group

DiagramLite adds Silverlight 4 support

Thu, 20 May 2010 17:52:00 GMT

Running the TreeLayout sample in DiagramLite.

Version 1.5 is compatible with Visual Studio 2010 and adds printing support in Silverlight 4.

DiagramLite provides applications targeting the Silverlight platform with the ability to create and display various kinds of diagram. DiagramLite supports workflow, flowchart and process diagrams, object hierarchy and relationship charts, entity-relationship diagrams, structures like graphs and trees, etc. Every behavioral and appearance aspect of DiagramLite can be customized as best suits your project. DiagramLite's Diagram objects can have different styles, colors, fonts and pictures. DiagramLite's programming model comprises more than 300 methods, properties and events. Source Code is available. DiagramLite now supports Silverlight 4 and Visual Studio 2010.

Updates in V1.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.

About MindFusion Group

DiagramLite updated to V1.3

Tue, 23 Feb 2010 17:25:00 GMT

A TreeLayout generated by DiagramLite.

Latest version adds undo/redo support, new grid appearance properties and NodeListView control.

Updates in V1.3

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

About MindFusion Group

MindFusion Group updates DiagramLite

Fri, 06 Nov 2009 17:45:00 GMT

A Silverlight TreeLayout sample displayed in Internet Explorer.

New version adds ruler control, styling and templating improvements and layer enhancements.

DiagramLite provides Silverlight applications with the ability to create and display various kinds of diagram. DiagramLite supports workflow, flowchart and process diagrams, object hierarchy and relationship charts, entity-relationship diagrams, structures like graphs and trees, etc. Every behavioral and appearance aspect of DiagramLite can be customized as best suits your project. Its Diagram objects can have different styles, colors, fonts and images. DiagramLite's programming model comprises more than 300 methods, properties and events. Source Code is available.

Updates in V1.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

Layer Layout 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