Hi @mhartington, I understand your objection but let me explain what we intend to do.
We are creating a Smart Environment product and try to use one code for apps and webapp and next we will also support PWA. We know the UX for app is not the same as for a webapp. But we are trying to create an UX which works good for webapp and also for app, someone perhaps don’t like it but for now we believe in it.
Our actual app is only a RESPONSIVE WEBPAGE which works great on pc and on mobile browser with same UX and our customers love it. Now we try to create a new hybrid APP with ionic2 which on other project we have done works great. But in our SmartEnivronment case the UX is different from a classical APP.
For example, we have always the same toolbar on the top, which content doesn’t change on different pages. So we think in a world where you can use same code for app and web/PWA to do this is legit, or not?
So we try to have an static main page where we can load only new content in main div. In our project we also use third part widgets which will load dynamically in browser, we have something like an appstore which loads code to gateway and this will be load dynamically with angular.
In angular2 this works great, router as dynamic loading. We love your ionic components and your stability and integration with cordova and as we need an installable app from playstore we would like to use ionic2 which is great.
So do you thinkg, are we able to have a static main page with always the same header and load the new page in there?
We try to do something like this, which doesn’t really work:
<ion-menu [content]="content">
<ion-toolbar>
<ion-title>Menu</ion-title>
</ion-toolbar>
<ion-content>
<ion-list>
<button menuClose ion-item (click)="openPage1()">
Page1
</button>
<button menuClose ion-item (click)="openPage2()">
Page2
</button>
<button menuClose ion-item (click)="openPage2()">
Page3
</button>
</ion-list>
</ion-content>
</ion-menu>
<ion-header>
<ion-toolbar color="primary">
<button ion-button menuToggle icon-only>
<ion-icon name='menu'></ion-icon>
</button>
<ion-title>Lanthings Home</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
</ion-content>
Show here our UX in WEB and app
