If you need to show only a few words on their own, and not detect which word is clicked from some larger text string, there are several ways you can implement that.

E.g. you could create individual ShapeNodes to display each word, where the Hyperlink property of a node is set to the respective URL. You can optionally set these nodes Transparent property to hide their geometry and display only text, and call AttachTo to attach them to a larger node that display the shape and/or image.

Alternatively, you can show each word in a separate cell of a TableNode. Along with spanning cells, this could be useful if you need to present a survey of some kind. E.g. a large spanning cell could display a description or question, and then individual cells in another column could display individual options or answers.

If what you need is to detect which word is clicked from some larger body of text, this could probably be done if we make public some of our text format structures used to cache the text layout for each node (text layout is calculated when a node's size changes, and then text is repainted from the cached layout information).

I hope that helps,
Stoyan

Both methods should work. Implementing that with ShapeNodes should look like this:

var node = diagram.Factory.CreateShapeNode(0, 0, 60, 30);
node.Text = "Node 1";

var leftLink = diagram.Factory.CreateShapeNode(0, 0, 30, 10);
leftLink.Transparent = true;
leftLink.TextColor = Color.Blue;
leftLink.Font = new Font(leftLink.Font, FontStyle.Underline);
leftLink.Text = "Go to Record";
leftLink.HyperLink = "http://lgk.com/go/1";

var rightLink = diagram.Factory.CreateShapeNode(30, 0, 30, 10);
rightLink.Transparent = true;
rightLink.TextColor = Color.Blue;
rightLink.Font = new Font(leftLink.Font, FontStyle.Underline);
rightLink.Text = "More Info";
rightLink.HyperLink = "http://lgk.com/info/1";

// uncomment this if users will be able to move nodes
// leftLink.AttachTo(node, AttachToNode.TopLeft);
// rightLink.AttachTo(node, AttachToNode.TopLeft);
 

Or using a TableNode, set CaptionHeight to 0, RowCount and ColumnCount to 2, table.Rows[1].Height to 30, table[0,1].ColumnSpan to 2, table.CellFrameStyle to None. Now you can display your main text in the table[0,1] cell, and the hyperlinks in table[0,0] and table[1,0].

I hope that helps,
Stoyan

Hi,

Set Caption to an empty string to remove that text.

When using TableNodes, a link's target can be either the whole node (as with ShapeNodes) or an individual row within the table. I think in this case the links connect to rows when you create them, and remain connected to the same rows after arranging the diagram.

You could try setting TableNode.ConnectionStyle = Table to prevent row connections before links are created, or set OriginIndex/DestinationIndex to -1 for all links before applying a layout algorithm.

I hope that helps,
Stoyan