How to: Add a Hyperlink to a Picture

• Apr 01, 2019

This example demonstrates how to associate a hyperlink with a floating picture using the following API.

Member	Description
ShapeCollection.InsertPicture	Inserts a floating picture.
Shape.AddHyperlink	Creates a new Hyperlink object associated with a shape.
Hyperlink.NavigateUri	Specifies the destination to which the hyperlink should refer.
Hyperlink.ToolTip	Adds a tooltip to the hyperlink. This text is displayed when the cursor hovers over the picture.

The code sample below inserts a picture and attaches a hyperlink to it.

C#

Document document = richEditControl1.Document;
Shape picture = document.Shapes.InsertPicture(richEditControl1.Document.Range.Start, DocumentImageSource.FromFile("Documents//DevExpress.png"));
Hyperlink pictureHyperlink = picture.AddHyperlink();
pictureHyperlink.NavigateUri = "https://community.devexpress.com/blogs/";
pictureHyperlink.ToolTip = "Check the recent DevExpress blogs";

VB.NET

Dim document As Document = richEditControl1.Document
Dim picture As Shape = document.Shapes.InsertPicture(richEditControl1.Document.Range.Start, DocumentImageSource.FromFile("Documents//DevExpress.png"))
Dim pictureHyperlink As Hyperlink = picture.AddHyperlink()
pictureHyperlink.NavigateUri = "https://community.devexpress.com/blogs/"
pictureHyperlink.ToolTip = "Check the recent DevExpress blogs"