• Registered: 2015-03-28
  • Posts: 15

Topic: ButtonBar hidden in small screen mode on full page gallery.

If I set buttonBarPosition='OVERLAY' and autoPlayOnLoad='True', the button bar is hidden (and photos/images are too large/don't scale to fit) in small screen mode on a mobile device. I tested on iPhone 5 and 6 using a full page gallery. Tapping the phone screen doesn't unhide the button bar, but turning the phone to landscape sometimes works. Adding a viewport metatag solves the problem.

<meta name="viewport" content="width=device-width, initial-scale=1">

   
But using the viewport metatag stops small screen mode from activating when autoPlayOnLoad='False'.

Any ideas? I can provide the html/script for the page if required.

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

Re: ButtonBar hidden in small screen mode on full page gallery.

Thank you for reporting this problem.
I have been able to replicate the problem in Mobile Safari in iOS 8.4.1 using only autoPlayOnLoad="TRUE".
It does not seem to affect Mobile Safari in iOS 6.1.6 or Chrome in either iOS 6.1.6 or 8.4.1.
I have logged a bug report with the developers.

But using the viewport metatag stops small screen mode from activating when autoPlayOnLoad='False'.

This shouldn't be the case and I cannot replicate this myself. Please post the URL to your gallery so that I can take a look at it for myself and please let me know what browser and version of iOS you see the problem in. Thank you.

  • Registered: 2015-03-28
  • Posts: 15

Re: ButtonBar hidden in small screen mode on full page gallery.

Apologies for the tardy reply. I set-up 4 example galleries and then tested them on an iPhone 5c running IOS 7.4 and an iPhone 6 running IOS 8.2 and then IOS 8.4. I'll leave the example galleries up for 10 days. Let me know if you need longer.

So, the example galleries:

1. http://www.brianwebster.uk/index/juicebox-one
The viewport metatag is enabled
autoPlayOnLoad='False'
showSmallThumbsOnLoad='True'

2. http://www.brianwebster.uk/index/juicebox-two
The viewport metatag is enabled
autoPlayOnLoad='true'
showSmallThumbsOnLoad='False'

3. http://www.brianwebster.uk/index/juicebox-three
The viewport metatag is disabled
autoPlayOnLoad='False'
showSmallThumbsOnLoad='True'

4. http://www.brianwebster.uk/index/juicebox-four
The viewport metatag is disabled
autoPlayOnLoad='true'
showSmallThumbsOnLoad='False'

Results:

Iphone 5c and IOS 7.2 displayed all the galleries without error.

Iphone 6 IOS 8.2/8.4 displayed galleries 1 to 3 without error. It failed to display gallery 4 correctly. The buttons don't display in portrait. Tapping the screen does not unhide them. You have to turn the phone to landscape before they are displayed. Once the buttons are displayed they work as expected.

Am I likely to encounter problems if I leave the viewport metatag enabled?

Thank you.

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

Re: ButtonBar hidden in small screen mode on full page gallery.

Thank you for providing the test galleries and for confirming that the problem happens only on iOS 8 (and not iOS 7).
I have been able to replicate the problem in a test gallery of my own (which I have provided for the developers) so there is no need to keep your test galleries active if you don't want to (but I very much appreciate you going to the trouble of creating them and doing more testing).

Am I likely to encounter problems if I leave the viewport metatag enabled?

No. This should not cause any issues at all.

  • Registered: 2015-03-28
  • Posts: 15

Re: ButtonBar hidden in small screen mode on full page gallery.

Okay. Thank you.

  • Registered: 2015-03-28
  • Posts: 15

Re: ButtonBar hidden in small screen mode on full page gallery.

One final question. It would be really useful if it were possible to grab the Screen Mode before options were loaded into the gallery. One could then do some really cool stuff in Small Screen Mode with full screen galleries, like reduce thumbnail size and ButtonBar font size (useful if you have a lot of buttons activated).

It's great to have the option of larger thumbs and buttons, but they are not really suitable for mobile phones where space is an issue. I think that having access to Screen Mode, at least in terms of design, would be a massive improvement.

Any chance of it happening?

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

Re: ButtonBar hidden in small screen mode on full page gallery.

It would be really useful if it were possible to grab the Screen Mode before options were loaded into the gallery.

Any chance of it happening?

I would encourage you to post your suggestion in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked.
I do not know what suggestions will be implemented in future releases but this is certainly the best place for all ideas.
Thank you.