Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to open a webview inside a frame in Ionic?

What I need is to load HTML code inside a frame in a page in an Ionic app, without opening a new window or covering the rest of the page.

The idea is to have a frame that opens a web page without covering or disrupting the rest of the page like the header, buttons, etc.

Basically, what I want to do is the equivalent to an Android WebView in an Ionic framework app.

Is this possible?

There is no much code, is a simple "message details" page for a messaging app, is just that the messages have to be displayed as a web page.

<ion-view view-title="Detalles de mensaje" class="discover-page">
    <ion-nav-buttons side="right">
        <button class="button button-icon icon ion-navicon-round" ng-click="openPopover($event)">
        </button>
    </ion-nav-buttons>
    <ion-nav-buttons side="left">
        <button class="button button-icon icon ion-ios7-arrow-back" ng-click="goBack()">
        </button>
    </ion-nav-buttons>
    <ion-content scroll="false">

    </ion-content>
</ion-view>

I need to show the header with the top buttons and the webview below them.

like image 262
David Prieto Avatar asked Apr 18 '15 22:04

David Prieto


People also ask

Does ionic run in Webview?

Ionic Portals offers a supercharged native Web View component for iOS and Android that enables teams to add web-based experiences to native mobile apps.


1 Answers

You just want to show the any web view in your app with your header. Yes it is possible with iframe html tag. But it is possible only for http web views not for https web views like paypal.

like image 83
Subhash Kumar Avatar answered Sep 28 '22 17:09

Subhash Kumar