The yFiles for Silverlight tutorial is a step-by-step introduction to the concepts and the features of the yFiles for Silverlight diagramming library. It is intended for developers that want to get started with the library in an effective way.
The tutorial shows you both basic concepts and also how to build a diagramming application that supports custom styles, full user interaction, Undo/Redo, clipboard, I/O, grouping and folding.

If you are new to the yFiles for Silverlight diagramming library, it is recommended to start by going through the projects in this tutorial one by one. To make full use of the tutorial, it is also recommended to review and possibly modify the source code for each sample project.

Available samples

The following programming samples are available in this category:

Name Description
01 Creating the View This demo just introduces class GraphControl.
02 Creating Graph Elements This demo shows how to create the basic graph elements in yFiles for Silverlight.
03 Managing the Viewport This demo shows how to work with the Viewport.
04 Customizing Styles This demo shows how to configure the visual appearance of graph elements (using so called styles).
05 Placing Labels This demo shows how to control label placement with the help of so called label model parameters.
06 Basic Interaction This demo shows the default interaction possibilities that are provided by class GraphEditorInputMode.
07 Undo and Clipboard Support This demo shows how to use undo and clipboard functionality present in yFiles for Silverlight.
08 Input and Output This demo shows how to use GraphML I/O functionality.
09 Customizing Behavior This demo presents the ILookup interface.
10 Grouped Graphs This demo shows how to enable support for grouped (or hierarchically organized) graphs and presents the default grouping interaction capabilities available in yFiles for Silverlight.
11 Folding This demo shows how to enable collapse/expand functionality for grouped graphs.
12 Binding Data to Graph Elements This demo shows how to bind data to graph elements.
13 GraphML IO for Custom Data This demo shows how to read and write data that is bound to graph elements to/from a graphml file.
14 Automatic Graph Layout This demo shows how to use the layout algorithms in yFiles for Silverlight to automatically place the graph elements.
15 Snapping This demo shows how to enable snapping for interactively modified items to snap lines.
16 Grid Snapping This demo shows how to enable use an interactive magnetic grid when elements are moved.
17 Orthogonal Edge Creation This demo shows how to create and edit edges in an orthogonal fashion.

Running the Demos

  • If you have done a default installation of yFiles for Silverlight, then you can just open the Visual Studio solution shortcuts for the programming samples that have been installed on your Desktop or in your Start Menu.