Use Polygon Hotspot as custom Element

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
User avatar
Multimediafabrik
Posts: 35
Joined: Thu Jun 21, 2018 11:28 pm

Wed Feb 24, 2021 10:44 am

Hi,
I have a screen in my tour, which is in the image itself.
I want an iframe placed to that screen. I have multiple of those screens, so i want to just create the polygon, insert the url to $(hd) and let the skin handle the rest.
screen_poly.png
screen_poly.png (878.2 KiB) Viewed 315 times
i found a solution using a regular hotspot, but its really tedious and a new hotspot element has to be created for each screen in the skin. I'd like to avoid that.
So now my question is: can i somehow change the content of the polygon hotspot to the iframe?
User avatar
Hopki
Gnome
Posts: 11269
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Thu Feb 25, 2021 12:05 pm

Hi,
The attached project uses one Hotspot template with a text box.
All you do is add the iframe or just URL in the Point Hotspots description text filed.
The Point Hotspot has the action to load the iframe on project open, but you could also use am Mouse Click.

In my example, I am using a Node Changed action to load the iframes on project open, I am also using the YouTube embed codes so it's easier to just copy and paste the full code in the point hotspots description text field.
Then the Hotspot Temp[late has an action to set the embed code into its text box. Each point h
But you could add the iframe to the action and replace the src= with the placeholder $(hd).
Regards,
Attachments
pinnedText.zip
(12.8 KiB) Downloaded 30 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/
User avatar
Multimediafabrik
Posts: 35
Joined: Thu Jun 21, 2018 11:28 pm

Wed Mar 03, 2021 11:04 am

Hi Hopki,
The Problem is, that the screens in our image are a bit higher up in the image, so when i put the Hotspot higher up, it gets distorted:
screen_distortedFrame.html.png
screen_distortedFrame.html.png (415.45 KiB) Viewed 232 times
id like to have it not 3D distorted. It should be just a rectangle facing straight forward and not towards me. Also the height,width are always a bit diffent. Thats why i'd like to have a the iframe on the surface of a polygon hotspot.
User avatar
Hopki
Gnome
Posts: 11269
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Wed Mar 03, 2021 12:21 pm

Hi,
As your using a Point Hotspot you don't have the setting as you would with pinned media.
However you can use CSS, please see this website: https://www.w3schools.com/cssref/tryit. ... rspective1
I have only had a quick look, you can use the Text Box CSS.
Regards,
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