Footer above tabs in tab view

Here is one way to do it:

But the limitation is that the footer height is fixed in CSS (customFooter class), and ion-content also has custom class to be aligned with the footer.

If you need your footer to have dynamic height (depending on the height of the buttons), than a directive is needed to dynamically change the ion-content offset from the bottom (bottom property in CSS).
Here is that example:

1 Like