disable webview zoom in App Inventor

Question

When I create an app with App Inventor and I add a webviewer component, it appears an annoying icon to zoom. Wonder how can I disable this icon.

If there isn't a specific function implemented in App Inventor, please tell me which part of the java code I have to modify. Thanks

Taifun · Accepted Answer · 2019-11-28T23:44:08.490

13

Generally you can't disable the zoom for the webviewer component in App Inventor.

In case you are displaying your own webpages, you can try to add the following into your HTML header tag:

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

See also: https://stackoverflow.com/a/4472910/1545993

Probably this will not work for older Android versions...

edited Nov 28 '19 at 23:44

answered Jul 05 '15 at 21:16

Taifun

6,165
17
60
188

Works great in Oreo. To use in PHP scripts, add echo ' '; – mberna Dec 29 '18 at 22:43

score -1 · Answer 2 · answered Jul 05 '15 at 20:31

-1

You can use setDisplayZoomControls for disabling the zoom controls UI :

webview.getSettings().setDisplayZoomControls(false);

answered Jul 05 '15 at 20:31

Green goblin

9,898
13
71
100

where I have to put that? Is setDisplayZoomControls an app invetor feature? Or I have to modifie the java file? – Marc Jul 08 '15 at 18:52
1

You need to add it in java file – Green goblin Jul 08 '15 at 23:25

disable webview zoom in App Inventor

2 Answers2