Popup Dialog Box

Sometimes you want to give more background or detailed information to users and viewers than there is space for on the visualization.

In that case it is handy to make use of Popup Dialog Boxes.

It is very easy to make use of, because the mechanism is already build-in for you.

Getting Dialog Boxes

In order to get Popup Dialog Boxes on a mouse over in your diagram, do the following:

  • Select a model or visualization in the Visual Designer
  • Select a shape in the model or visualization
  • Expand the Text Attributes panel (at the right hand side)
  • Enter a Title, Description and Valid bitmap url in the Source URL field
  • Save your model or visualization
  • Switch to NORMAL or PRESENTATION mode or publish your visualization and go to its watch page or watch it in the content viewer
  • For all the shapes that have a description, automatically on mouse over a dialog is generated

Using Links

You can place links (URLs) to places outside Dragon1, like for instance another web application or website. But you can also place links to other models, views or visualizations in the Dialog

  • In the description field you can enter HTML. If you enter a string like the following, you will create a link to an external source:
    <a href='https://www.microsoft.com'>Goto Microsoft.com</a>
  • Press SHIFT to be able to move the mouse to the dialog. Else it will disappear. Now you area able to click on a link (if present).

Using Video

You can place a video in your Popup Dialog Box.

  • In the description field you can enter HTML. If you enter a string like the following, you will create a link to an external source:
    <iframe>... valid youtube embed link...</iframe>
  • Press SHIFT to be able to move the mouse to the dialog. Else it will disappear. Now you area able to click on a link (if present).

More Build-in Popup Dialog Boxes

If you go to the Page Attributes panel you will see a dropdown to select the Dialog Box Type you can use.

  • If you select "NONE" no dialog box will appear
  • If you select "Entity Info" you will see basic information about your selected shape and entity
  • If you select "User Data" you will see the default dialog with the selected shape

Example Screenshots of Popup Dialog Boxes

Example screenshot of how to enter a description and image for the Popup Dialog Box.



Example Screenshots of Popup Dialog Boxes

Example screenshot of the visualization in Normal mode, showing a Popup Dialog Box on mouse over on the process shape.