How can I allow users to zoom pages?

[Michael Johnson]

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.

[Kateryna Grynko]

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

[lzb]

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?

[Maryna Brodina]

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

[ApperyAmateur]

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.

[maxkatz]

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

[ApperyAmateur]

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.

[maxkatz]

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

[Don Schueler]

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.

[Jeff Earls]

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!!