Ion-toolbar position='bottom' doesn't work

Ionic Framework ionic-v3
1

I’m trying to set the position of my toolbar at the bottom but I can’t.
I started a new ionic project with blank template and I tried to add a toolbar with the position=“bottom” attribute but the toolbar stays on top.
Is this an issue or i have to do something more to have a toolbar fixed at the bottom of the page?

2

If you are using the beta.10 you have to use the new <ion-footer>, and wrap inside your ion-toolbar.
The code on beta.9 and previous versions goes from:

<ion-content>
  ...
</ion-content>
<ion-toolbar position="bottom">
  <ion-title>Footer Toolbar</ion-title>
</ion-toolbar>

to:

<ion-content>
  ...
</ion-content>
<ion-footer>
  <ion-toolbar>
    <ion-title>Footer Toolbar</ion-title>
  </ion-toolbar>
</ion-footer>
2 Likes