How to make a vertical list of buttons in ion-footer-bar?


#1

I managed to make a footer containing some inlined buttons with this code:

//...
</ion-content>
     <ion-footer-bar>
        <div class="button-bar">
            <button class="button button-positive">
                Edit
            </button>
            <button class="button button-positive">
                Delete
            </button>
        </div>
    </ion-footer-bar>

However, I don’t want them inline, I want them one below the other.

I try this:

//...
</ion-content>
    <ion-footer-bar>
            <button class="button button-block button-positive">
                Edit
            </button>
            <button class="button button-block button-positive">
                Delete
            </button>
    </ion-footer-bar>

But the major part of the buttons is hidden, below the screen…
I had to deal with margin-bottom: 70px to let them appear…ugly

My ion-content declaration is: <ion-content class="has-footer">

How to fix this?

Thanks a lot


#2

ever get any help on this one? i’m looking for something similar!


#3

Looking for the same solution. Anyone?