button-full does not work in ion-footer-bar
See original GitHub issueButtons with the class button-full
do not render properly when included in an ion-footer-bar
. For instance:
<ion-footer-bar>
<div class="buttons">
<button class="button button-full">Button 1</button>
</div>
<h1 class="title">Title</h1>
<div class="buttons" ng-click="doSomething()">
<button class="button">Button 2</button>
</div>
</ion-footer-bar>
Issue Analytics
- State:
- Created 9 years ago
- Reactions:2
- Comments:11 (4 by maintainers)
Top Results From Across the Web
button-full does not work in ion-footer-bar · Issue #1964 - GitHub
Buttons with the class button-full do not render properly when included in an ion-footer-bar. ... button-full does not work in ion-footer-bar #1964.
Read more >Full button in ion-footer - Ionic Forum
Hello there, guys! I'm converting the following screen into Ionic: [56 PM] As you can see, there's a blue button on the bottom...
Read more >ionic add two button in ion-footer-bar - Stack Overflow
In Ionic 4+, just change button no-margin ion-button full large by ion-button expand="full"... this worked for me. Thanks. – Nowdeen. Feb 29, 2020...
Read more >Building the Netflix UI with Ionic | Devdactic
In many cases, the Ionic default buttons won't work for your exact styling and by simply styling a custom div you get the...
Read more >Ionic - Buttons - Tutorialspoint
Block buttons will always have 100% width of their parent container. They will also have a small padding applied. You will use button-block...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
work for me with this css class tricks :
Mb, not good idea, u can use $rootScope
<ion-footer-bar> <button class="bar bar-footer bar-positive" ng-click="closeModal()"></button> </ion-footer-bar>
$rootScope.closeModal = function ( ) { }