Webview plugin customization

ionic-v1
1

is the webview plugin customization?

^ The navigator button are quite dull, not sure can I style that or not, and if possible I want to display partial of the frame only, is that achievable?

2

to hide the navbar you can do this over the settings of inAppBrowser:

 var defaultOptions = {
    location: 'no',
    clearcache: 'no',
    toolbar: 'no'
  };

  document.addEventListener(function () {

    $cordovaInAppBrowserProvider.setDefaultOptions(options)

  }, false);

to customize several styles you could inject css into the iab:

 $rootScope.$on('$cordovaInAppBrowser:loadstop', function(e, event){
    // insert CSS via code / file
    $cordovaInAppBrowser.insertCSS({
      code: 'body {background-color:blue;}'
    });
  });

To shrint size of iab from fullscreen to custom height/width i guess its not possible for now… :frowning:

3

thanks, I saw the css injection as well. I try to modify the java code of the plugin but it’s not as simple as I think haha.

4

did you try js injection? For me this never worked…

5

It never worked for me, omg how to execute that :frowning: