Make ion-button float right?

Ionic Framework ionic-v3
1

Hi,

How would I go about to make a ion-button float right of screen in the following codesnippet?

<ion-row>
  <ion-button id="btnSpara" size="small" color="secondary">Lorem</ion-button>
</ion-row>

All the best!

SOLVED!!!

Added class to ion-row

<ion-row justify-content-end>  
  <ion-button id="btnSpara" size="small" color="secondary">Lorem</ion-button>
</ion-row>
2

Hi.

Did you try to add “item-right” to your ion-button ?

<ion-button item-right id="btnSpara" size="small" color="secondary">Lorem</ion-button>
3

Hi Adam,

Yes I tried this and it didn’t work. It’s very strange because I don’t see anything overriding.

4

Hey Jens,

“text-right” sometimes is a good solution. And don’t forget to put an ion-col inside the ion-row:

  <ion-row text-right>
    <ion-col>
      <ion-button id="btnSpara" size="small" color="secondary">Lorem</ion-button>
    </ion-col>
  </ion-row>

Best Regards
Marius

5

Thanks alot, see my solution above! :slight_smile: