Create pano-specific messages or buttons using graphic files, and use actions to display/hide them, and interact with your virtual tour. The plugin has an option to display notifications with a click on a hotspot when displayed it sticks to the hotspot and rotates with a panorama.
PANOTOUR PRO 2.2 - 2.5.14 (HTML5)
The Notification plugin is made available as a zipped file. Before installation, remove any previous version of the plugin. Unzip the downloaded package to any temporary folder.
The plugin consists of two folders:
alpo.notifications-x.x.x folder to:
Windows C:\Users\MyName\Documents\Kolor\PanotourPro 2\plugins
Mac /Users/MyName/Documents/Kolor/PanotourPro 2/plugins
Linux /home/$USER/Documents/Kolor/PanotourPro 2/plugins
alpo-notifications-files folder to the
tools folder in your user directory.
To browse your user directory in Panotour Pro, go to
Open User Directory. Open your file explorer.
The filepath will look like this:
Windows C:\Users\MyName\Documents\Kolor\PanotourPro 2\tools
Restart Panotour to see the plugin!
You can add multiple instances of the plugin with different settings.
The plugin adds its actions available in the Panotour
Sets the position, alignment, and offset you wish on your tour for the plugin.
The text content of the notification.
Avoid using characters:
Notification headline text
Notification text info.
Notification width, percentage or pixels.
Max Width/Min Width
Notification maximum/minimum width in pixels.
The width of the notification will change depending on the width of the screen until it reaches the
Max/Min width. Max or Min width is applicable only if using a percentage for the Width setting.
Notification style settings section
Select Notification style. Available
Ready styles for notification.
# Custom Style
Setup notification style.
Sets text color
Sets background color
Sets roundness of the notification background corners.
Check to use borders around the background.
Sets border color Border With
Sets border width
Choose your own left-side icon file. Use png or jpeg image, 40x40 px.
To set up the notification without the icon, leave this field empty.
Choose the appearance of the close button.
- Standard grey (predefined grey close icon)
- Standard white (predefined white close icon)
- Choose file: Use your own icon (use png or jpeg image, 40x40 px).
Set as overlay
Set the current instance as the overlay screen.
This will set the height of the instance the same as the width. So, you can set a 100% overlay if needed.
To place the overlay behind another instance - set the lower
Z Order value.
# Custom image
Set an image as the notification.
Choose your image.
# Tooltip settings
Check to use tooltip with this notification. Tooltip gets
Text data from the
Contents section of the instance.
Position and offset
Changes position of the tooltip. The default position is
11px from the top of the image.
Sets tooltip transparency.
Sets roundness of the corners of the tooltip.
Light style for the tooltip.
Sets text color.
Sets width and height of the tooltip. If set
0 then auto width and auto height will be used.
Show on mouse over
Check to show tooltip on mouse over the instance.
Show on click
Check to show tooltip on mouse click the instance.
Show on press
Check to show tooltip on press the instance.
Available animation to show/hide notification:
Value to slow the animation.
Use animation on close
Check to hide notification using the same animation effect.
Additional option for Move animation
- Use horizontal move - Notification slides horizontally.
- Use vertical move - Notification slides vertically.
# Display conditions
Choose an event to display the notification.
On pano/Tour start
Counts the delay after the tour/pano starts, then displays the notification.
Pano is fully loaded
Counts the delay after the pano is fully loaded, then displays the notification.
Before pano is fully loaded (Autohide)
Displays the notification before the pano is fully loaded, then hides it.
Counts the delay after the first user interaction, then displays the notification.
Count the time
Delay of no user interaction with the tour, then displays the notification. Use this option only for one Notification in the project. If set for more than one Notification, then the last value will be used for all instances.
Counts the delay after the fullscreen mode is entered, then displays the notification.
Hide on exit fullscreen
Check to hide the notification when the fullscreen mode is exited.
Counts the delay after exit fullscreen, then shows the notification.
Hide on enter fullscreen
Check to hide the notification when fullscreen mode is entered again.
Show on click
The custom event which allows you to add a special action to display this notification to the plugins, such as "simple button", "toggle button". Works with any plugins or hotspots that you can add actions to.
There are three special actions:
Show on click,
Hide on click,
Show stuck to hotspot You can find them in the actions menu
# Additional options for Display conditions
Check this box to show the notification only once. If you leave this unchecked, the notification will be displayed every time the selected event occurs.
Use delay value to snooze the event.
Use delay value to auto-hide the notification.
# Show stuck to hotspot
Show appropriate notification instance stuck to the hotspot. The position of the notification will be related to the hotspot, but the percentage width is related to the screen.
In the hotspot actions list select notification instance, which you want to show and select action
Show stuck to hotspot. For the
Display conditions of in the notification set
Show on click.
# Select action
# Stuck to hotspot result
If you added more than one notification, look at the workspace (left-side pane in Panotour) to get the name of the notification you need to display. You can name instances whatever you want, except one of them, see Renaming below for more info.
The main name
Notification is required to be assigned to one of the instances of the plugin.
Avoid using space in names.
If you've removed the instance with the main name from the project, assign the main name to another instance of the plugin.
# Keep notification if load new panorama
If checked, the notification will remain on screen while loading panoramas of the tour.
# Make clickable
If checked, sets the notification clickable in order to close itself. The close button will be hidden.
# Trigger actions on click
Use the Panotour action chooser to add any onclick actions.
The action will be executed on click the notification even if the previous
Make clickable option is unchecked.
# Specify pano(s) ID to show notification
The notification will be shown only in the specified panoramas. Enter Pano ID in the field.
You can add multiple Pano IDs on every notification. Click the "plus" icon to create a new field.
The ID of the pano is available in the
TOUR tab. Click on the little blue information icon to open the information window.
# Z Order
Setting for overlapping instances of the Notifications plugin. Organize instances on top of each other. The value should be between
100, no negative values. Default value:
70. The instance with a lower value will be behind the instance with a higher value.
# Specify Devices
Choose preferred devices on which to display the notification. If the current device doesn't match your settings, then this notification will not be displayed.
Notification will be displayed on all devices.
If you select more than one condition, the notification will be shown only if all conditions match the current device.