How to use the Web Component with iFrame with a Polygon Hotspot

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
Hopki
Gnome
Posts: 11657
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Wed Jul 28, 2021 10:29 pm

Following a Facebook request please find this how-to to adapt a web component to be used with a Polygon Hotspot type URL.
The modification also allows the component to still work as normal with Point Hotspot with type URL.

First, download the component and install it into User-Defined Category: viewtopic.php?f=22&t=14503

Note, this is not the one that comes with Pano2VR.

Once added to the components toolbox open your skin, then in the toolbox select User Defined Category.
Then double click the component to add it to your skin.

1_332.png
1_332.png (16.33 KiB) Viewed 250 times
Here the Silhouette version is being selected.


In the skins tree, select the Hotspot Template ht_url.

2_333.png
2_333.png (30.12 KiB) Viewed 250 times

Then select its actions and copy them with a right button mouse click

3_504.png
3_504.png (66.88 KiB) Viewed 250 times

Select the text box "web_page".

4_333.png
4_333.png (30.38 KiB) Viewed 250 times

Now paste the actions into the text box:

5_409.png
5_409.png (37.92 KiB) Viewed 250 times

The actions need to be modified as they use the placeholder $(hu).
These need to be changed to $(hd).

Select the top action and open.

6_532.png
6_532.png (69.03 KiB) Viewed 250 times
Now change $(hu) to $(hd)


Now select the bottom action and do the same

7_261.png
7_261.png (33.03 KiB) Viewed 250 times

In the Text Box Advanced section add "PolyWeb" in the Hotspot Proxy ID.

8_394.png
8_394.png (26.97 KiB) Viewed 250 times

To use, add a Polygon Hotspot, change its ID to PolyWeb, add a title if needed, then add the URL in the Description Text field.
Then in the target text field add "iframe".

9_522.png
9_522.png (50.25 KiB) Viewed 250 times

If you want a different Poly to open a new window leave the target blank or set _blank.
If you want it to replace the tour use _self.

This will also still work with Point Hotspots but you do not need to change the Hotspot ID.
Iframe, _blank and _self all work with Point Hotspots as well.

The skin used in the screen shots which is a working example is also attched.
Regards,
Attachments
skin.ggsk
(6.36 KiB) Downloaded 32 times
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
Post Reply