Forum | Appery.io

I would like mobile users to be able to zoom certain pages, or all pages. For example, say I have a page that shows a very large image and I want the user to be able to zoom in to see the details.

I tried the following and it did not work in preview mode using my Android browser:
precode
$(document).bind('pageinit', function(){
$.mobile.metaViewportContent = 'width=device-width';
});
/code/pre
Oddly, on certain pages (such as the image page I mentioned, which only contains an image and nothing else) if I refreshed the page it would start working.

I am using the "Render all pages in one HTML file (jQuery Mobile multi-page template)" option so my app preview switches quickly from page to page, so I would think that if I modified that value once, it would allow zooming in every page.

Any tips? Maybe there is a better way to allow zooming.

Hi Michael,

Sorry for the delay. This can't be done inside of Tiggzi. You would need to export source code, change HTML manually and build .ipa/.apk.

Add the following code to page:code<meta name="viewport" content="width=device-width, initial-scale=1">/code

Hi Katya,

Is there a chance that we'll see native zoom in and zoom out function support from within Appery?
I mean without having to export the code, change the HTML and manually build the .ipa?

Hello! No, for now there is no other way then export source code and edit it manually.

It's problems like this which are really disappointing when it comes to Appery.

It can do fantastic things easily but then some basics are missing. Pinch/Zoom really needs to be included without faffing with custom builds.

We'll see if we can add a feature in the builder to make it simpler.

Thanks Max, I think it is an essential feature of most apps.

In the interests of providing positives and negatives, I only just discovered the panel feature which is absolutely brilliant, well done! I really neeed to find time to use appery more.

Thanks.. the Panel component was released this past weekend.

Max...put me in the list of users who need this..presenting a billing graph to users and they need to be able to pinch zoom to read it on mobile.

Any update on this feature request?

Desperately need the ability to zoom in and inspect a very large image on a small screen.

I know we can edit the source code directly though the Appery.io web app now - but when I modify the meta tag per Katya, it apperas to be overwritten / ignored by the application?

Preferably, I'd like an control like "image", but allows pinch to zoom. Something in the works?

In the meantime, I guess I'll try some HTML/Javascript as suggested in another thread.

Thanks!!