Search code examples
cssangularionic-frameworkionic-nativeinappbrowser

How to Resize the In-App-Browser in Ionic


I’m trying to use the in-app-browser plugin in my application. But while using the plugin, it covers the whole screen. The application has a header and a footer, I need to have the browser in between them. Please let me know, if this is possible. Thank you!!


Solution

  • you need to use iframe tag for your requirement here is a demo for use

    <ion-content>
    
    <h1>The iframe element</h1>
    
    <iframe src="https://Your site URL" title="Your site URL">
    </iframe>
    
    </ion-content>
    

    OR you can use this plugin if you don't want to go with iFrame

    cordova plugin add com.lesfrancschatons.cordova.plugins.overappbrowser
    

    for plugin documentation click here