Create a Button on a Visualization

Dragon1 supports creating buttons on visualizations.

Buttons are visual objects (shapes) that can be clicked on, and action script is executed.

Placing a Button on a Visualization in the Viewer

If you want to place a button onto a visualization, select a rounded rectangle or other shape in the icons bar and drag it onto the canvas.

Next, you style it with a background color, gradient, or shadow to a button shape.

To change the color of the background, select the shape and click the properties menu button.

The rounded rectangle also has a shape handle (yellow dot) for fine-tuning its shape.

Create a Button on a Visualization.

To make a button act on a click, we need to add an ActionScript function.

Upon click on the button, the actionscript is executed.

To add the actionscript function, do:

Click the browser button.
Select the shape in the browser button.
Check if the actionscript attribute is already there.
If not, add the actionscript attribute by clicking the add attribute button and entering the word actionscript in the inputbox.
Specify for instance the following actionscript function: showTags(value) or colorObjects(eol,yes,red);
The reserved keyword value used the button's text as value.
Place the visualization in View mode and click the button to test it.
To prevent a pop-up from being shown on mouse over on the button, use the value nopopup in the type attribute.
To prevent the left information panel from being shown on button click, use the value hideLeftPanel in the actionscript attribute.
To keep the button visible, even if you want to hide all shapes, use the value fixed in the type attribute.

Below is an example of specifying a button in a Dragon1 preformatted Excel sheet.

Create a Button on a Visualization.

Below is an example of specifying a button in a Dragon1 preformatted JSON file.

Create a Button on a Visualization.