Complete shapes list

Blank

The basic shape, that can be used as a foundation to many different effects.

Link

This shape’s function is similar to the native Visio hyperlink function, however, as a VisDynamica special shape, it also has some additional features. Although VisDynamica can handle regular Visio hyperlinks, it is recommended to use this shape. The “Close” mode of this shape works with every shape that supports the closing method (i.e. Panels, DynamicLoads and Popups).

Panel

Base to many dynamic effects and interactions between different parts of the drawing.

DynamicLoad

A shortcut to many common dynamic effects (e.g. dropdown menus, tooltips, expanding items, and many, many more).

Popup

A popup window on a layer, based on the jQuery Tools library.

Background transparency

The background colour of this shape will be set to transparent for the whole page, where it is used. There could be many shapes of this kind on a single page to get the desired shape of the transparent region. It is also possible to achieve partial transparency by experimenting with this shape set up.

HTML transparency

Moving the cursor over the area covered with this shape makes the containing Panel or DynamicLoad act like if it lost the focus.

CutOut

Used to manage different prototype parts that are used separately (e.g. DynamicLoads, tooltip info, different menu views, etc) on a single page.

Marker

This will put a tiny, semi-transparent lightning picture next to all the trigger-type VisDynamica shapes (e.g. Link, DynamicLoad). Could be used for a single page or for the whole drawing (when put in the background page).

Register mobile panel

This shape registers a Panel as a main mobile screen container. It automatically gains features like orientation switching and resizing to the real device screen size.

Touch scroll

This shape enables touch scrolling in nearby Panels (normally mobile devices ignore the standard CSS/HTML methods for displaying a scrollbar).

Switch orientation

This shape requires a specific device orientation after opening a certain mobile prototype view.

Panel resizer

This shape is used to attach the automatic resize effect to a Panel whose size was set to Fixed.

Custom event

Use to script a custom action on the chosen event (click, mouseover, mouseout, change) right from the Visio drawing. You can use jQuery in this shape. To use this shape, AutoCorrect and AutoFormat features in Visio have to be disabled, otherwise the JavaScript code will be broken.

Custom overlay popup

A connection mod version of the Popup shape, with multiple configuration options. To use this shape, AutoCorrect and AutoFormat features in Visio have to be disabled, otherwise the JavaScript code will be broken.

Stick position

Connecting this to any of the Basic shapes, Form shapes, or a Panel appropriately changes this shape behaviour on screen scrolling and resizing (stick to top, stick to bottom, don’t cross the top border).

One line text field

Single line textbox.

Multiline text field

Multiline text box.

Dropdown/select list

Works as a dropdown or a scrolled list, depending on the configuration.

Checkbox

Standard checkbox control.

Radiobutton

Standard radiobutton control.

HTML

This will add a custom HTML code to the resulting page source (could also be a background page). To use this shape, AutoCorrect and AutoFormat features in Visio have to be disabled, otherwise the code will be broken.

CSS

Adds a custom CSS styles to the resulting page code (could also be a background page). To use this shape, AutoCorrect and AutoFormat features in Visio have to be disabled, otherwise the code will be broken.

JavaScript

Adds custom JavaScript commands to the resulting page code (could also be a background page). To use this shape, AutoCorrect and AutoFormat features in Visio have to be disabled, otherwise the code will be broken.