how can i add two or more button list in bar-footer please help using of
<div class="bar bar-footer">
<button class="button button-full button-positive item-icon-left">
<i class="icon ion-lightbulb"></i>
Add Location
</button>
<button class="button button-full button-positive item-icon-left">
<i class="icon icon-right"></i>
Summary
</button>
</div>
and i also want icons with button on left.
jimibi
2
<ion-footer-bar class="bar bar-dark">
<div class="button-bar">
<a class="button button-dark icon-left ion-checkmark">Add Location</a>
<a class="button button-dark icon-left ion-close">Summary</a>
</div>
</ion-footer-bar>
1 Like
thaker
3
<ion-footer-bar>
<div class="col col-50">
<button class="button button-block btn-assertive" ng-click="vm.addToCart()">
<i></i> Add to cart
</button>
</div>
<div class="col col-50">
<button class="button button-block" style="font-size:100%">
<i class="icon ion-ios-star" ng-class="{ 'balanced': false }"></i>
Add to favorites
</button>
</div>
</ion-footer-bar>
you can try this if you want 5 buttons add class ‘col-20’ to div and giv some style for font.