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’;

/**

@IonicPage()
@Component({
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
ngOnInit(){

const browser = this.iab.create('http://nilepost.co.ug/','_self',{location:'no'});

browser.close();
}

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

}

this is my html file for the code

MoreNews

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=“http://gagri.net/” style=“border:none;height:300px;width:100%
” >

< /iframe>

fixed,awesome using iframe