In-app browser makes navbar,header and bottom tabs disappear

hello i have my code and the nav bar,header and the bottom tabs disappear when i load the page, how can i make the web page appear in the app within the section this is my code

import { Component } from ‘@angular/core’;
import { IonicPage, NavController, NavParams } from ‘ionic-angular’;
import { InAppBrowser } from ‘@ionic-native/in-app-browser’;
import { OnInit } from ‘@angular/core’;
import { LoadingController } from ‘ionic-angular’;


selector: ‘page-more-news’,
templateUrl: ‘more-news.html’,
export class MoreNewsPage implements OnInit {

constructor(public navCtrl: NavController,
public loadingCtrl: LoadingController,
private iab: InAppBrowser,
public navParams: NavParams) {


//in-app browser

const browser = this.iab.create('','_self',{location:'no'});


ionViewDidLoad() {
let loader = this.loadingCtrl.create({
content: “Please wait…”,
duration: 7000
// console.log(‘ionViewDidLoad MoreNewsPage’);


this is my html file for the code


Thank you.

1 Like

you can use iframe instead of going with themable browser or inapp browser

how do i do that so that i can display it within the application, thanks

put this inside of ion-content.

< iframe src=“” style=“border:none;height:300px;width:100%
” >

< /iframe>

fixed,awesome using iframe