• Registered: 2014-02-10
  • Posts: 13

Topic: Button bar too small on Android devices when expanded to full [SOLVED]

1. In an Android phone or tablet, open Chrome.
2. Visit a Juicebox-Pro gallery with the button bar enabled.
3. Expand the gallery to full screen and view in portrait made.

Expected results: The button bar to be an appropriate size and accessible (touched on).

Actual result: the buttons on the button bar shrink, making it difficult to touch individual icons.

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

Re: Button bar too small on Android devices when expanded to full [SOLVED]

Here are a few things to try:

(1) Try scaling your web page for mobile devices by including the following <meta> 'viewport' tag in the <head> section of your page:

<meta id="sv-meta" name="viewport" content="width=device-width, initial-scale=1.0"/>

(2) Try setting expandInNewPage="TRUE"(in JuiceboxBuilder-Pro's 'Customize -> General' section) to see if this helps.
Using expandInNewPage="TRUE", the expanded gallery should be displayed on a new page (the 'full.html' page within the 'jbcore' folder) which already includes a <meta> tag similar to #1 above.

(3) The Button Bar icons can be sized manually using the buttonBarIconSize configuration option (in JuiceboxBuilder-Pro's 'Customize -> Button Bar' section) although this applies to both Small Screen Mode and Large Screen Mode.

  • Registered: 2014-02-10
  • Posts: 13

Re: Button bar too small on Android devices when expanded to full [SOLVED]

Thanks, Steven!

  • Registered: 2014-02-10
  • Posts: 13

Re: Button bar too small on Android devices when expanded to full [SOLVED]

I tried another Android phone (Samsung) and it worked fine (opened full.html). But when I view the same gallery in an LG phone, it treats it as a desktop device.

Android version: 4.2.2
Model: LG Nexus 4

How does Juicebox determine when to open full.html? Is it based on phone model or screen size?

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

Re: Button bar too small on Android devices when expanded to full [SOLVED]

Juicebox will use the 'full.html' page for an expanded gallery if expandInNewPage="TRUE" or if the gallery is displayed on an iOS device and the viewport is not locked. Please see here for details.

  • Registered: 2014-02-10
  • Posts: 13

Re: Button bar too small on Android devices when expanded to full [SOLVED]

Understood.

I've forced expandInNewPage="TRUE" for small Android devices since we're not able to lock the viewport on the site level.

Thank you!