Page 1 of 1
Point Hotspot with Callout Effect
Posted: Tue Aug 27, 2019 9:40 pm
by Hopki
Hi,
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 (40.24 KiB) Viewed 26135 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 26130 times
And one which has a circle callout:
- cir.gif (398.21 KiB) Viewed 26130 times
Regards,
Hopki
Re: Point Hotspot with Callout Effect
Posted: Tue Aug 27, 2019 10:02 pm
by stalwart
Thanks Martin. Can't wait to give these a go tomorrow - they look great!!
Stu
Re: Point Hotspot with Callout Effect
Posted: Wed Aug 28, 2019 5:14 pm
by JSchrader
Thank you!
Re: Point Hotspot with Callout Effect
Posted: Thu Aug 29, 2019 1:08 pm
by panox
Thank you, Hopki, just a quick and dirty project with flat pictures:
https://www.pano.szenerien.de/Hopkis_Ko ... index.html
Best regards
Harald
Re: Point Hotspot with Callout Effect
Posted: Fri Dec 13, 2019 6:02 am
by Panopics360
Thanks Thanks
Re: Point Hotspot with Callout Effect
Posted: Thu Apr 16, 2020 9:21 pm
by JBusche
Is the callout effect possible with an info box instead of the preview image?
Re: Point Hotspot with Callout Effect
Posted: Thu Apr 16, 2020 9:37 pm
by Hopki
Hi,
Yes, you can use placeholders to pick up the hotspots title and description text fields to be displayed in the callout.
Regards,
Re: Point Hotspot with Callout Effect
Posted: Mon Apr 20, 2020 11:58 am
by JBusche
Ah, okay, Thank you!
Re: Point Hotspot with Callout Effect
Posted: Fri May 15, 2020 12:39 am
by calleroy
Thank you, that´s a good great idea.
Re: Point Hotspot with Callout Effect
Posted: Fri Jul 02, 2021 11:38 pm
by Metrocruiser
Hi Hopki,
I am new to Pano2vr. I have not logged enough hours to develop the brain memory for these skins. (Coming from PtP)
I just saw the circular_point_hotspot_inner_tooltip, I will try these as well. But I really would like to master the Callouts as quick as I can.
Is it possible to help me out with some dumbed-down instructions to get me going. I am working on a 50 pano tour around a shopping centre. I have been googling but not much to go on. By chance is there a webinar or 101 that goes over the fundamentals?
Thanks,
Metro
Re: Point Hotspot with Callout Effect
Posted: Sat Jul 03, 2021 12:31 am
by Metrocruiser
Updated, its working
DOH! Homer moment
Re: Point Hotspot with Callout Effect
Posted: Sat Jul 03, 2021 1:31 pm
by Hopki
Hi,
Glad you have it up and running.
Regards,
Re: Point Hotspot with Callout Effect
Posted: Sat Jul 03, 2021 11:17 pm
by Metrocruiser
Hi Hopki,
I have a few questions.
1. I am working with the callouts and was wondering if I changed the circular out and replaced with the rectangle. Will I lose all my hotspot points?
2. I have a Error:NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load '
https://abcd.efg.ca/'
I want it to go to a website on click. It shows this error above.
As well, I followed the video tutorial (
https://youtu.be/jGwZCUTAHn0?t=991) to play a movie on file and I received a similar error as above. I am working in a skin I made after following a webinar re: Grid Menu Toggle, Menu Scroller.
I tried to have a pop up website box by deleting the _self and clicking on the Edit Skin Config icon. It does not show the same GUI as in the video. It only shows a small rectangle box with Skin Parameters > Enter menu title:
I hope I did not screw up some things in my skin.
Is there a limit on how many skins can be in a project? Just stuff it all in to one skin?
Thanks!
Metro
Re: Point Hotspot with Callout Effect
Posted: Tue Jul 06, 2021 11:26 am
by Hopki
Hi Metro,
You can change the shape of the callouts but be mindful of the CSS that controls the radius.
The network errors sound like the normal local file security that comes from the browser.
What should happen is you can see the output ok when opened with Pano2VR as it has a built-in webserver.
But you will get an error if you try and open the HTML file directly from the output folder.
Please see our
FAQ link about this.
You can also use our free desktop application:
https://ggnome.com/ggpkgviewer/
If you still have issues please post your skin so we can take a look at it.
Regards,
Re: Point Hotspot with Callout Effect
Posted: Thu Jul 08, 2021 7:14 pm
by Metrocruiser
Thanks Hopki,
Got it all sorted out! It is a big learning curve.