• Registered: 2014-05-06
  • Posts: 4

Topic: ViewPort messing up iPhone version

Hi JB

I've just upgraded to 1.4 and it's forcing viewport on the iPhone. 1.3 was fine… Do you know how I can turn it off?

PM me if you need the link.

Many thanks

WIll

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

Re: ViewPort messing up iPhone version

If you are using the 'index.html' page generated by JuiceboxBuilder-Pro, try removing the following line of code from the <head> section.

<meta name="viewport" content="minimal-ui">

You might also like to try changing this line of code for something like the following:

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

There is also a known bug (which should hopefully be fixed in the next version of Juicebox) whereby the scale of the embedding page can change depending on the value of the expandInNewPage configuration option.
Try changing expandinNewPage to TRUE or FALSE (depending on what you already have it set to) to see if this helps.

If you continue to experience difficulties, please post the URL to your gallery's web page so that I can take a look and help further.

  • Registered: 2014-05-06
  • Posts: 4

Re: ViewPort messing up iPhone version

Hi Steven

Thanks for the reply. I still seem to be having difficulty. Please can you have a look at the page  - http://tinyurl.com/q7j3mqr

Thanks

WIll

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

Re: ViewPort messing up iPhone version

Your gallery currently sets expandInNewPage="FALSE". Try setting expandInNewPage="TRUE" (or expandInNewPage="AUTO") instead.

Also, your web page does not have a <meta> viewport tag.
If the suggestion above does not help, try using one of the <meta> viewport tags from my post above to see if this makes a difference.

  • Registered: 2014-05-06
  • Posts: 4

Re: ViewPort messing up iPhone version

Hi Steven

Just to be clear. All the pages on my site with JB embedded zoom the page in when viewing them on an iPhone. I want them to appear as normal html pages.  Open these links on an iPhone and you'll see what I mean.

This page is zoomed in (i don't want this ) - http://tinyurl.com/q7j3mqr
This page is fine - http://tinyurl.com/n8tedjo

It's definitely the JB script thats doing this. I would like to disable this feature.

I've tried all your suggestions but I can't get it to stop.

Many thanks

Will

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

Re: ViewPort messing up iPhone version

Have you tried setting expandInNewPage="TRUE" yet? The gallery on the zoomed-in page you quoted above still uses expandInNewPage="FALSE".
I realise that this does not sound like it will solve the problem (as it does not seem to be directly related to the functionality of the expandInNewPage configuration option) but this is the bug I referred to in my first post and I believe that setting expandInNewPage="TRUE" may solve your problem (as unlikely as it sounds). My own tests suggest that this should work.
(Be sure to clear your browser's cache after making the change and before reloading your web page to ensure that your browser is fetching and using the most recent versions of your gallery files.)

  • Registered: 2014-05-06
  • Posts: 4

Re: ViewPort messing up iPhone version

Great, that fixed it. Thanks Steven!

Do I need to swap it back when the bug is fixed?

Thanks

WIll

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

Re: ViewPort messing up iPhone version

It would certainly be safe to change it back when the bug has been fixed and you upgrade your gallery to the next version of Juicebox.
However, whether you need or want to change it back depends on how you want your gallery to behave when it is expanded (ie. whether or not you actually want the gallery to expand in a new page or not).
For more information on the expandInNewPage configuration option, please see here.