Topic: Mobile Gallery Page Resizing Issue

Hi Everyone,

I'm so close to implementing the simpleviewer on my site upgrade so that it performs as expected on a desktop and handheld mobile device, but I have one challenge to overcome on iphone/ipad.

When viewing a gallery embedded within a web page on an iphone or ipad two things happen:
- The viewport doesn't fit the entire page
- It's impossible to zoom in or out on the page

Here is an example: http://www.fellswoop.com/staging/our_wo … acker.html

Is it possible to force a page such as this to behave like any other page on the web site, for example here: http://www.fellswoop.com/staging/our_work/index.html

Regards,

Matt

Re: Mobile Gallery Page Resizing Issue

If you look at one of the demos on your iphone does it fit the screen and can you zoom in and out?

http://www.simpleviewer.net/simpleviewe … es/modern/

Mike Richards
SimpleViewer Support Team.

Re: Mobile Gallery Page Resizing Issue

Please take a look at this page on an iPhone:
http://www.fellswoop.com/staging/our_wo … acker.html

The page is zoomed all the way in, it's not possible to zoom out, and it is impossible to use. The same problem exists for an iPad when in portrait mode, landscape mode works but still no ability to zoom.

I've tried solutions related to the viewport, for example I've tried adding the viewport metatag to the page, but this hasn't had any effect.

Is there anything you can recommend?

Thank you,

Matt

Re: Mobile Gallery Page Resizing Issue

If you look at the SimpleViewer page I linked does it experience the same issue on your iPhone?

You site work fine on my Palm Pre, it looks like you have a meta tag in your HTML that tells the iphone not to scale the page. Try removing the following and clearing your browser's cache.

<meta name="viewport" content="width=device-width/" >
<meta name = "viewport" content = "initial-scale = 1.0, user-scalable = no">
Mike Richards
SimpleViewer Support Team.

Re: Mobile Gallery Page Resizing Issue

Thanks for following up.

I've checked the demo link on an iPhone and it too does not allow zooming of any kind. The demo is not embedded in another page either. Do you have an example of a demo embedded into another web page like the example I've shared here:
http://www.fellswoop.com/staging/our_wo … acker.html

When loading the page on the iphone, I see a half second view of the page where the entire page fits within the viewport as desired, then the viewport zooms into the upper left hand corner of the page at 100% resolution.

I've removed the meta tags also, and there doesn't seem to be any change.

Thanks again for all the help, I really appreciate any guidance you have on this.

Thanks,

Matt

Re: Mobile Gallery Page Resizing Issue

Here is a screenshot of what I'm seeing:
http://www.fellswoop.com/staging/our_wo … enshot.jpg

Re: Mobile Gallery Page Resizing Issue

You can find two example of a resizable layout here. There have been a few people that have had issue with their iPhones and we are looking into it.

Mike Richards
SimpleViewer Support Team.

Re: Mobile Gallery Page Resizing Issue

I'm having similar issues on the iPhone.  I looked at the code for the fellswoop.com and the embed code uses fixed pixels which I would prefer to use for size control on a web page.  However,  I have only been able to get the iPhone version working by using percentage values in the embed code.  I seem to be able to have reasonable results with using values of width and height from 92 to 100 percent.  I would like to use a fixed value, especially for height, but it makes the iPhone images way off screen and too large.  I still can't resize the page on the iPhone, but if the album pictures stay within the screen, it is OK and the thumbnails are either 4 x 2 or 2 x 4 depending on the orientation of the phone.  When I try to use pixel values, then it is very difficult to use with the iPhone and I get lots of thumbnails.  An example of what I have working with percentages see here:  http://www.fdnytenhouse.com/photos/index.htm

Re: Mobile Gallery Page Resizing Issue

Hi

Regarding this from support/example site http://www.simpleviewer.net/simpleviewe … #resizable

I have tried this solution on iphone, but it dosen't work. It's show all the thumbnailes in the first page. Does anyone have a solution to that ?

Re: Mobile Gallery Page Resizing Issue

@implementingsimpleviewer

I have tried this solution on iphone, but it dosen't work. It's show all the thumbnailes in the first page.

Please see these FAQs:
http://simpleviewer.net/simpleviewer/su … trouble_14
http://simpleviewer.net/simpleviewer/su … l#mobile_1

Steven Speirs
SimpleViewer Support Team.

Re: Mobile Gallery Page Resizing Issue

Well i know that. The issue is, that i uses a frame, and the mobile version (Iphone) is okay without the frame, like this http://www.vpb.dk/bryllup/bryllup.html, but when I use the fra version built in frames, it's show very different, than the version without the frame http://www.vpb.dk]and push the button "Bryllup" - and it's it in Iphones Safari. Any solution ?

Re: Mobile Gallery Page Resizing Issue

Try embedding your gallery directly in your page using the baseURL method described here, rather than by using a frame.
The section entitled Using a Resizable Gallery with a Header from the 'SimpleViewer Embedding Guide' may also be helpful.

Steven Speirs
SimpleViewer Support Team.