problem with transition on Full screen widget

Hi
I am attempting to use the widget in my Storyline 3 presentation but I can't get it working consistently. It works on one slide then I click next and it doesn't work. Then I click next and it does work. And so on. I've even started a clean storyline project and it still works on every second slide. Maybe I have input the wrong javascript? This is what I am using:

if(void 0===window.stencilfullscreen){window.stencilfullscreen=!0;var player=GetPlayer(),xhttp=new XMLHttpRequest,targlink="https://cluelabs.com/stencil/display/widget-full-screen-display?chart=MjR8MzE4fDgzYzU3YTQ4NmIzNjU4ODk4Mzc1MDY5ZTBlYmVlZTE5";xhttp.onreadystatechange=function(){4==this.readyState&&200==this.status&&""!=this.responseText&&(eval(this.responseText),player.SetVar("stencilrendered",parseInt(player.GetVar("stencilrendered"))+1))},xhttp.open("GET",targlink,!0),xhttp.send()}
FullscreenMode('player');
FullscreenMode('none');

I've tried adding a trigger on every single slide. And on the master slides but it still won't work. The first slide never seems to execute the script.

I can send you the simple four slide test file if you want to see what I mean.

Thanks
Chris

September 4, 2019, 9:00 am

Click for thumbs down.0Click for thumbs up.0#1

Hi Chris. In some browsers, such as Chrome for example, if you are already in the full screen mode, and you request full screen again, the browser will exit the full screen instead. It sounds like you're requesting a full screen on each slide. But because when reaching the second slide you're already in full screen, you are taken back to normal mode.

The proper way to implement this would be to not request a full screen mode if you're already in full screen. You can achieve this by using the variable infullscreen. It's described in step 8 of "How to use..." instructions:

If you want to check whether the course is currently in full screen mode, create a blank variable infullscreen. When in full screen, its value will be set to yes, otherwise it will be set to no.

For example, if you add a trigger to go into full screen only if the variable is equal to "no" then you won't have the overlapping requests.

September 4, 2019, 9:13 am

Click for thumbs down.0Click for thumbs up.0#2

Hi
Thanks for your prompt reply. I am a javascript idiot and do not understand what you said about the variables. I'm not even confident what I put in the javascript exe was correct. But I did try to remove the trigger from every page but the first one - same problem. I removed it from every page but the main master slide - same problem. I get what you're saying but it doesn't explain why the first slide isn't going to full screen. Can you please check that I added the FullscreenMode triggers correctly? And show me how to add an infullscreen variable. Your instructions might make sense to a javascript adept but I'm just an average Storyline user.
Thanks

September 4, 2019, 8:21 pm

Click for thumbs down.0Click for thumbs up.0#3

🙂 no worries. Just upload your .story file using WeTranswer or Dropbox and post the link in a reply below.

September 5, 2019, 7:27 am

Click for thumbs down.0Click for thumbs up.0#4

Hi. Thank you. The very basic storyline 360 file is on Dropbox with this link:
https://www.dropbox.com/sh/3613t55bgxc7ksn/AAB70OpDwE-eXd9ucWAZSWX4a?dl=0

Thanks again
Chris

September 6, 2019, 1:56 am

Click for thumbs down.0Click for thumbs up.0#5

Here you go: https://we.tl/t-q6xfA4BREH

Once you go into full screen, you can navigate to other slides, the module will stay in full screen until you exit the mode.

September 6, 2019, 9:30 pm

Click for thumbs down.0Click for thumbs up.0#6

Hi
Thank you so much. I still don't get the code, but it works!
Cheers
Chris

September 7, 2019, 3:25 am

Click for thumbs down.0Click for thumbs up.0#7