Point Hotspot with Callout Effect

Post Reply
User avatar
Posts: 9798
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK

Point Hotspot with Callout Effect

Post by Hopki » Tue Aug 27, 2019 9:40 pm

Please find attached, two point hotspots that have a delay in opening the next nodes preview image so giving a callout effect.
To add them to Pano2VR 6 download the components and double click. You will be asked which category to save them to.
You can save to the User Defined category or create a new category.
Once saved open Pano2VR and the skin editor, select the components toolbox and the category you save them to. Double click to add the component to your skin.

They are made from rectangles, text boxes and a node image as well as one SVG which is the checkmark used for visited nodes.
This means using the colour tool you can change any of its colours.

However to change the colour of the node images border you need to look at the CSS Styles, this uses hex, so #ff0000 = Red.
The following image is from the circle callout node image.

Screenshot 2019-08-27 at 20.34.50.png
Screenshot 2019-08-27 at 20.34.50.png (40.24 KiB) Viewed 2209 times

You will see it has the colour but also it has the radius setting 999 to make the node image a circle. The overflow hidden stops any part of the node image showing outside of the radius.

To change the border colour simply change one of the other elements colours, the colour picker will show the hex value, just copy this to the CSS text field of the node image.

There is one that has a rectangle callout:

rec.gif (554.14 KiB) Viewed 2204 times

And one which has a circle callout:

cir.gif (398.21 KiB) Viewed 2204 times
Hotspot Callout Circle.ggskc
(267.56 KiB) Downloaded 146 times
Hotspot Call Out Rectangle.ggskc
(190.67 KiB) Downloaded 126 times

User avatar
Posts: 644
Joined: Thu Oct 02, 2008 11:52 am

Re: Point Hotspot with Callout Effect

Post by stalwart » Tue Aug 27, 2019 10:02 pm

Thanks Martin. Can't wait to give these a go tomorrow - they look great!!


Posts: 125
Joined: Sat Nov 28, 2015 2:26 pm

Re: Point Hotspot with Callout Effect

Post by JSchrader » Wed Aug 28, 2019 5:14 pm

Thank you!

User avatar
Posts: 232
Joined: Mon Mar 12, 2007 11:03 pm

Re: Point Hotspot with Callout Effect

Post by panox » Thu Aug 29, 2019 1:08 pm

Thank you, Hopki, just a quick and dirty project with flat pictures:

https://www.pano.szenerien.de/Hopkis_Ko ... index.html

Best regards


Posts: 46
Joined: Thu Jun 21, 2018 11:15 pm
Location: india

Re: Point Hotspot with Callout Effect

Post by Panopics360 » Fri Dec 13, 2019 6:02 am

Thanks Thanks

Post Reply

Who is online

Users browsing this forum: No registered users and 2 guests