jSequence

The jSequence Diagram extension component turns text sequences into cool UML diagrams and detects clicks on any diagram element.

wisej-extensions/Wisej.Web.Ext.jSequence at 3.5 · iceteagroup/wisej-extensionsGitHub

jSequence Source Code

Features

Code Example

Wisej.Web.Ext.jSequence.Sequence sequence1 = new Wisej.Web.Ext.jSequence.Sequence();
sequence1.UML = "Andrew->China: Says Hello \r\nNote right of China: China thinks\\nabout it\r\nChina-->" +
"Andrew: How are you?\r\nAndrew->>China: I am good thanks!";
sequence1.Size = new System.Drawing.Size(379, 356);
this.Controls.Add(sequence1);

This creates a Sequence object and sets the UML so that it will look like the picture above. The Size is set so that the whole diagram will appear and not be cut off.

How to Use

The jSequence extension can be added to a Wisej.NET project using NuGet Package Manager.

Wisej-3-jSequence 3.5.35nuget

Use the UML property to define your diagram following this syntax: https://github.com/bramp/js-sequence-diagrams/blob/master/src/grammar.jison

Set a Theme and use GetImage(Async) to return the contents as an image. Clicking on an element fires the ElementClicked event.

Find more information in our JSequence example in C# or in VB.NET.