Wix website & full screen button disabled?

Q&A about the latest versions
Post Reply
JGoding
Posts: 3
Joined: Fri Apr 03, 2020 11:11 am
Location: Melbourne, Australia
Contact:

Sat Jan 02, 2021 9:55 am

Hi,

After adding some of my virtual tours to my Wix website https://www.godingprojects.com/ I have discovered none of the full screen buttons are working (while the other buttons are). Would anyone have any ideas on how to make this button work?

Thanks in advance!

Joe
User avatar
3DV
Posts: 95
Joined: Tue Dec 15, 2015 12:44 pm
Contact:

Sat Jan 02, 2021 4:31 pm

This is due to the fact that the tours are shown in an iframe. It's a bit like looking through a window on the main page to your actual tour page, instead of the tour being integrated in the webpage itself.
So your tour may be showing in 'full screen' in its iframe already. You'll have to change the iframe itself to use full screen.

There are ways to make the iframe use full screen using JavaScript (for example https://stackoverflow.com/questions/337 ... tton-click) but I don't know how this works with Wix.
This might be a solution: https://www.wix.com/corvid/forum/tips-t ... lcomponent
Ruud van Reenen
3DV - Real estate artist impressions and animations
VR Tourviewer - Experience Pano2VR tours on Oculus Go, Quest, Rift, Pico and Cardboard VR headsets
JGoding
Posts: 3
Joined: Fri Apr 03, 2020 11:11 am
Location: Melbourne, Australia
Contact:

Thu Jan 21, 2021 5:27 am

Thanks 3DV,

I got some help from my brother (who has computer science, gaming degrees and is generally very handy!) He found that the Dev Mode is turned off by default and lots of stuff won't work until it's turned on.

I also found out from him my IFrame code was wrong, and is a bit special to Wix who have their own way of doing things! Annoying but now working. Here is what worked for me:

// API Reference: https://www.wix.com/velo/reference/api- ... troduction
// “Hello, World!” Example: https://learn-code.wix.com/en/article/1-hello-world

$w.onReady(function () {
$w("#html1, #html2, #html3, #html4, #html5, #html6, #html7, #html8, #html9, #html10, #html11").allowFullScreen();
});


*Note where there is only one IFrame on the page you only need to show one of these #html elements, i.e.

$w.onReady(function () {
$w("#html1").allowFullScreen();
});


(and make sure that Dev tools is turned on!) Good luck you other Wix users - hope this was helpful!
Attachments
Wix IFrame code to go full screen-02.png
Wix IFrame code to go full screen-02.png (577.15 KiB) Viewed 49 times
Wix IFrame code to go full screen-01.png
Wix IFrame code to go full screen-01.png (953.89 KiB) Viewed 49 times
Post Reply