pinchAndZoom not working

[elliTek]

if (!InAppBrowser.IsInAppBrowserOpened())
{
     InAppBrowser.DisplayOptions displayOptions = new InAppBrowser.DisplayOptions
     {
          browserBackgroundColor = "#00000000",
          hidesDefaultSpinner = true,
          hidesHistoryButtons = true,
          pinchAndZoomEnabled = true,
          shouldStickToLandscape = true,
          hidesTopBar = true
     };
     InAppBrowser.ClearCache();
     InAppBrowser.OpenURL(url, displayOptions);
}

when the page opens, I cannot zoom 🙁

(Also setting the background to transparent does not work :(, I really need it to work)

• This topic was modified 5 years, 10 months ago by elliTek.

[Piotr]

What platform is that? iOS or Android? Transparent background wont work indeed.

[elliTek]

I have been working on Android.

and another question, can I set the InAppBrowser to take up only a portion of the screen, not the whole thing?

[elliTek]

I figured out how to make the bg transparent (give it no bg color)

have you made any progress on the zoom issue?!?

[Piotr]

As mentioned in docs this is iOS-only option. On Android you have to tinker with your CSS/HTML.

[elliTek]

ok, guess ill try and figure that out… but your documentation does not say iOS only… you may wanna add that.
it only says “On iOS it will cause the page to fit the screen…”, never that it wont work on android…
and it only says that at the bottom after describing the default value.

thanks

[Piotr]

Ok I’ve rechecked it and it seems I was wrong.
On Android it turns on this option:
https://developer.android.com/reference/android/webkit/WebSettings.html#setBuiltInZoomControls(boolean)

Sets whether the WebView should use its built-in zoom mechanisms. The built-in zoom mechanisms comprise on-screen zoom controls, which are displayed over the WebView’s content, and the use of a pinch gesture to control zooming. Whether or not these on-screen controls are displayed can be set with setDisplayZoomControls(boolean). The default is false.

The built-in mechanisms are the only currently supported zoom mechanisms, so it is recommended that this setting is always enabled.

If it does not cause any effect might it’s conneted to your website – e.g. <meta name='viewport' /> is missing?

[xian9118]

So…How i use?

[elliTek]

I ended up using Hammer.js to add touch functionality to my site.
If you get the setBuiltInZoomControls incorporated in the InAppBrowser.DisplayOptions, that would be most helpful for future developers.

[xian9118]

I’m going to upload general sites, not mine…

[Piotr]

It’s already incorporated. If you pass true in pinchAndZoomEnabled it will set this option.

[xian9118]

Thank you. But it doesn’t work with smartphones.

————————————————–

options.mixedContentCompatibilityMode = true;
options.shouldUseWideViewPort = true;
options.pinchAndZoomEnabled = true;
options.setLoadWithOverviewMode = true;

————————————————–

[Author]

Posts