Help with the template!

Hello everyone!
I want to create an app that has a fixed header, with a sidemenu, and two tabs at the bottom … in the center a view in which, depending on the routes, I inject various components.
If you do a first test, however, ends up under the header.

<*ion-menu>

-----default code for first sidemenu application----

</ion-menu>

<div class="ion-page" id="main-content">

  <ion-header [translucent]="true">

    <ion-toolbar>

      <ion-buttons slot="start">

        <ion-menu-button></ion-menu-button>

      </ion-buttons>

      <ion-title>Progetto Casa</ion-title>

    </ion-toolbar>

  </ion-header>

 <app-header>

<*ion-content>

</div>

----- ion-router-outlet result ----

 <*ion-content>

<*ion-buttons slot=“start”>

<ion-back-button></ion-back-button>

<*/ion-buttons>

<ion-title>Log In</ion-title>

<*form>

<*ion-item lines="full">

  <*ion-label position="floating">Email</ion-label>

  <*ion-input type="text" required></ion-input>

<*/ion-item>

<ion-item lines="full">

  <ion-label position="floating">Password</ion-label>

  <ion-input type="password" required></ion-input>

</ion-item>

<ion-row>

  <ion-col>

    <ion-button type="submit" color="danger" expand="block">Sign In</ion-button>

    <a [routerLink]="['/forgot-password']" class="small-text">Forgot Password?</a>

  </ion-col>

</ion-row>

<*/form>

Thanks for your help.

1 post - 1 participant

Read full topic