Create Links

This page introduces static links and dynamic links.

Dragon1 Visual Designer is the web application to create visualizations with. The Dragon1 Viewer is the application to view the published visualizations with.

In the Visual Designer you can create links that go from one model, view or visualization to another model, view, visualization or to an URL. In this way, you can create a set of items you can click through when you view visualizations in the Viewer.

For instance, you can create an overview visualization with click-through links to detailed visualizations, views and models. You can link to an uploaded document in your 'sites folder' or link to another application in your organization. Also, you can link to a page in the Resources Center to your uploaded documents there.

It is also possible to create a click link to a view template with a parameter.

You can create direct links or indirect links. If you click on a shape with an indirect link, the explorer panel in the Viewer is shown on the left. There you see a link with the default text: Show Details View. A direct link means if you click on a shape you get forwarded immediately.

How to Create a Static Indirect Link

To create an indirect link:

  • Go to the Visual Designer
  • Select a model, view or visualization in your Explorer Treeview
  • Select the shape on the canvas you want to create a link for
  • Go to the Properties Dialog (via right mouse button click)
  • Enter the following properties with values like this:
    • title:My First Link
    • descr:This is some text
    • linkurl:http://www.cnn.com
    • sourceurl:http://www.cnn.com/images/logo.png
  • Save your properties, save your model, view or visualization
  • Click on Publish
  • Go To the Viewer
  • Test your links
  • If you use the property link instead of linkurl, you will see the url to go to as tooltip below the shape, when you click on it.

How to Create a Static Direct Link

To create a direct link:

  • Use the property directlink instead of linkurl

Using IDs for Static Links

You can also use IDs in the link url field to create a link to a visualization, view or model.

Linkurl setup:

  • linkurl: visualizationid=123456
  • linkurl: modelid=123456
  • linkurl: viewid=123456
  • linkurl: viewid=123456?value=this.name (this is a parameter for a view template)

If you click on a shape in the Viewer, you will see you are forwarded to the other model, view or visualization directly.

If you provide a parameter, you can use that parameter in the called model, view or visualization to do something with (alter its behavior)

To have the link be opened in a new window, add blank after your link data.

Example of setting up a clickable link

dragon1 set up clickable link for visualization

Set up a clickable link for a visualization.

dragon1 find id visualization in treeview

You can find the id of a visualization by doing a mouse over on the item in the Explorer Treeview.

dragon1 id visualization is unique number

The id is a unique number throughout Dragon1.

dragon1 forwarded to other model, view or visualization

If you click on a shape in the Viewer, you will see you are forwarded to the other model, view or visualization directly.