iFrame - Element

Q&A about the latest versions
Post Reply
Nicolas
Posts: 12
Joined: Mon May 17, 2021 5:30 pm

Hi!

I've been experementing with iFrame content (HTML, Video, Stream..). It works using some "work around" in Hopspot. However, it's super cucumber.. Especially comparing to the picture element, as an example.
Would it be possible to get a iFrame element, just the way there is an picture element ?

Indeed, it's super easy to rotate, transform a picture, it's a nightmare for an iFrame (Skin editor, skin ID...). I am trying since days (without success) to rotate/distort an iFrame Hotspot, where it took me under one minute to do the same for a picture..

Also, it would be great to apply to this iFrame the same sound environement as the audio or video element. Very usefull in case the iFrame contains a live stream.

Thanks for listenning
User avatar
CStüben
Posts: 149
Joined: Mon Apr 24, 2017 6:00 pm
Location: Wuppertal, Germany
Contact:

try the text field, there you can insert html code

greetings from germany
Chris
---
Die Welt ist eine runde Scheibe.
Nicolas
Posts: 12
Joined: Mon May 17, 2021 5:30 pm

Hi!

thanks for your quick reply! Well, in the skin editor, I already have my HTML code and some settings. However, one can not do any rotation (or anything like inside the image element). Did I miss anything ?

Regards
User avatar
CStüben
Posts: 149
Joined: Mon Apr 24, 2017 6:00 pm
Location: Wuppertal, Germany
Contact:

the only thing i can offer is a untested css property:

https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/rotate
---
Die Welt ist eine runde Scheibe.
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi,
You can not pin an iframe to the panorama like an image or video.
However, using a point hotspot and text box you can use some CSS trickery as seen in the Flat Hotspot, please see: viewtopic.php?f=13&t=15551
It uses:

Code: Select all

transform: rotateX(255deg);
Please see: https://www.w3schools.com/cssref/css3_pr_transform.asp
Regards,
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/
Nicolas
Posts: 12
Joined: Mon May 17, 2021 5:30 pm

Thanks!

I will try this.

Have a great day!
Nicolas
Posts: 12
Joined: Mon May 17, 2021 5:30 pm

Hi!

I'm struggling :(,
Is it possible to distort an iframe correctly so it can be integrated in a 360> pano ?

As an example, the CSS code "transform: rotateX(255deg);" only works if scaling is 100%... Getting the thing even harder to achieve. As there is no way to adjust the value and to see live the changes, it takes just ages to implement one iFrame.

Is there any better solution ? Planed ? Could someone confirm the rotate CSS does not work if scaling != 100% ?

Thanks for your understandings.
Regards
Post Reply