HTML pop-ups on mobile

Q&A about the latest versions
Post Reply
slucas-rockhall
Posts: 2
Joined: Mon Aug 31, 2020 8:54 pm

I've seen some discussion on this in the forum, but haven't found a solid solution yet. Using v7, is it possible to make URL hotspots open in popups on mobile rather than new tabs?

I'm using local html files in place of info box hotspots so I can include images and make them responsive. I know by default this was changed to not use iframes on mobile, but I can't find the option to undo that in the current version.

Thanks for any help you can give me!
User avatar
Tony
Posts: 1342
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi,
Using v7, is it possible to make URL hotspots open in popups on mobile rather than new tabs?
Short Answer = yes

In this sample I have two hotspots (Purple and Orange). The purple one opens a responsive .HTML page that is stored in an Amazon S3 bucket The orange one opens a responsive HTML page that is stored in the Assets folder of the project.

1. Open screen showing two hotspots

mobile_8.png
mobile_8.png (1.62 MiB) Viewed 821 times

2. IFrame with external HTML page loaded

mobile_9.png
mobile_9.png (1.6 MiB) Viewed 821 times

3. iFrame with local HTML page loaded

mobile_10.png
mobile_10.png (1.56 MiB) Viewed 821 times

These are screen shots from an iPhone 11 Pro in Chrome.

Here is the link to the sample page: https://p2vrtutorials.s3.ap-southeast-2 ... index.html

This demonstration site is based on my tutorial: Hotspot Templates and iFrames https://tonyredhead.com/pano2vr/hotspot ... pdate-2021

This should point you in the right direction. Let me know how you get on.

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
User avatar
Hopki
Gnome
Posts: 13026
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi,
Which skin are you using?
You can easily mod the pano2VR skins so they open an iframe on a mobile by just removing a few action filters.
Let us know which skin and we can show you how to do it.
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/
Swartz
Posts: 2
Joined: Mon Apr 10, 2023 11:14 am

Hello Hopi!
I have the same problem, I have tried all the possibilities that appear in the forum, but I can not get
to display URL in _self . It always does it in _blank or it opens a white pop up and another window with the url.

Is there any news?
I am in mac environment and using "Neto skin" I can't use the
the fullscreen button on mobile also, but its not too important right now

Thank you very much
a
Swartz
Posts: 2
Joined: Mon Apr 10, 2023 11:14 am

I have tried "Venis" and it does not work either.
I have noticed that if I use the _self in hs option when the new window opens in the mobile phone "blanc" appears before loading. And if I use the _top option it opens in new window but without "blanc", top works as self in the desktop version.

I can't think of anything to try anymore.

"The old example in this post
if it displays well in mobile---"


Thank you very much.
a.
User avatar
Hopki
Gnome
Posts: 13026
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi,
By default, the default skins do not allow a web page to open inline/use an iframe to open on a mobile, however, you can easily change this.
Looking at the Venis Skin, but also works with all default skins.
Open the Venis skin and save it to your project directory, you have to do this as all the default skins are write-protected.
Find the URL Hospot Template in the skin editor.
You will see it has a few actions all of which have an action filter.
What you need to do is to remove the *resp_phone = true condition from them all.
This will then allow you to still use the Skin configuration to open an HTML page inline or in a new window.
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/
Post Reply