• Registered: 2017-02-28
  • Posts: 12

Topic: Full screen mode

Hi,

My website is www.martinturnerartist.com

I would like utilise full screen mode but cannot seem to get the button to appear or in fact work.  I have tried a number of different true/false combinations for useFullscreenExpand and expandInNewPage and I have showExpandButton="true". 

As a whole my juicebox gallery seems to work great on ipad/desktop etc but on an iPhone it goes a bit funny.  I think your suggestion was to use iframes instead of the basic frames I am currently using.  I have not had chance to do this, but reading some other support questions around full screen expand, a suggestion was it did not work with iframes. 

I thought that if its the frames that are causing the viewing issue; where one frame is for the website menu on the left and the right frame is for juicebox gallery.   By jumping into a full screen experience thus dropping the website menu it would allow all users to view gallery without any issues. 

Also, any other configuration improvements you would recommend after viewing my site?

Many Thanks
Martin

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Full screen mode

The Expand Button is automatically disabled when the gallery is inside a frame or iframe.
This is one of the drawbacks of using frames/iframes and it is noted here (scroll down to "2) Using an iframe").
(In a browser which does not support the Fullscreen API, the gallery would be expanded only within the frame/iframe which would be less than ideal.)

To avoid this issue, I'd recommend embedding your gallery directly in your web page using the standard embedding code noted here (and presented on JuicboxBuilder-Pro's 'Publish' tab).

I'd also recommend laying out your web page using CSS instead of frames. This should help to avoid many frame related issues across different platforms.
If you'd like to use a side menu (of constant width) and have the gallery take up the remainder of the page (no matter what shape or size the browser window is), then please see the View Resizable Gallery with Side Menu Example in the Embedding Multiple Galleries support section.
You can take a look at the source of the sample web page in your browser and copy/modify it to suit your own needs.

I hope this points you in the right direction.

3 Reply by martinturner99 (edited by martinturner99 2017-11-22 13:04:21)

  • Registered: 2017-02-28
  • Posts: 12

Re: Full screen mode

That's great, and really useful.  Perhaps an overhaul of my website is in order.  Many Thanks

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Full screen mode

You're welcome!