Arrow side

Ionic Framework ionic-v3
1

HI
i want make an arrow in left side and another in right side
how can make arrow in right side??

image
this is my code


<ion-footer>
    <button ion-button icon-only clear (click)="backhomepage1();"><ion-icon name="arrow-back"></ion-icon></button>
    <button ion-button icon-only clear (click)="openpage4Page1();"><ion-icon name="arrow-forward"></ion-icon></button>
</ion-footer>
2

You can use the Ionic Grid system like this:

<ion-footer>
  <ion-row>
    <ion-col col-6 text-left>
        <button ion-button icon-only clear (click)="backhomepage1();"><ion-icon name="arrow-back"></ion-icon></button>
    </ion-col>
    <ion-col col-6 text-right>
        <button ion-button icon-only clear (click)="openpage4Page1();"><ion-icon name="arrow-forward"></ion-icon></button>
    </ion-col>
  </ion-row>
</ion-footer>
1 Like
3

You could try a toolbar, ion-buttons. Also note the color attribute in the button.

<ion-footer>
  <ion-toolbar>
    <ion-buttons>
      <button ion-button icon-only clear color="primary" (click)="backhomepage1();"><ion-icon name="arrow-back"></ion-icon></button>
    </ion-buttons>
    <ion-buttons end>
      <button ion-button icon-only clear color="primary" (click)="openpage4Page1();"><ion-icon name="arrow-forward"></ion-icon></button>
    </ion-buttons>
  </ion-toolbar>
</ion-footer>
1 Like
4

thanks a lot my problem is solved