Ionic 2: What is the new way to make an ion-footer-bar?

Ionic Framework ionic-v3
1

I’m building a messaging app using Ionic 2. I need the typical “input area + send button” at the bottom of the messaging view. How can I achieve this? I think is no longer supported in Ionic 2.

2

you just want a sticky footer?

<ion-header></ion-header> <ion-content></ion-content> <ion-footer></ion-footer>

2 Likes
3

How about this approach?

in html
<ion-footer>
    <div class="bottom_bar">
    <!-- put some elements here -->
    </div
</ion-footer>

in scss
.bottom_bar
{
    position: fixed;
    bottom: 2vh;
    width: 100%;
}
4

Did you find any solution?

5

I was looking for the same thing that’s how I did it.

<ion-content>
     ....
</ion-content>
<ion-footer>
    <ion-toolbar>
      <button ion-button icon-end block>
            Get A Price
          <ion-icon name="arrow"></ion-icon>
        </button>
      </ion-toolbar>
</ion-footer>
1 Like