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
Posts: 11657
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK

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 (16.33 KiB) Viewed 251 times
Here the Silhouette version is being selected.

In the skins tree, select the Hotspot Template ht_url.

2_333.png (30.12 KiB) Viewed 251 times

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

3_504.png (66.88 KiB) Viewed 251 times

Select the text box "web_page".

4_333.png (30.38 KiB) Viewed 251 times

Now paste the actions into the text box:

5_409.png (37.92 KiB) Viewed 251 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 (69.03 KiB) Viewed 251 times
Now change $(hu) to $(hd)

Now select the bottom action and do the same

7_261.png (33.03 KiB) Viewed 251 times

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

8_394.png (26.97 KiB) Viewed 251 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 (50.25 KiB) Viewed 251 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.
(6.36 KiB) Downloaded 32 times
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
Post Reply