Hi,
I need to have 3 tabs In the shape of a circle with a picture in it…
So first I wrote
<super-tabs tabsPlacement="top" toolbarBackground="3D9BDD" toolbarColor="dark" indicatorColor="light"
(tabSelect)="onTabSelect($event)">
<super-tab *ngFor="let page of pages" [class]="page.class" [root]="page.pageName" [icon]="page.icon" [id]="page.id"></super-tab>
</super-tabs>
but I couldn’t put instead of the icons pictures so I used the regular ion tab:
<ion-tabs *ngIf="pages">
<ion-tab *ngFor="let page of pages" [root]="page.pageName" [rootParams]="page.pageName" tabIcon="page.icon" ></ion-tab>
</ion-tabs>
</ion-tabs>
but nothing appears.
my array of pages:
pages = [
{ pageName: ‘Cassava1Page’, title: ‘Before’, icon: ‘before’, id: ‘before’},
{ pageName: ‘Cassava2Page’, title: ‘After’, icon: ‘help-circle’ id: ‘AfterTab’},
{ pageName: ‘Cassava3Page’, title: ‘Profit’, icon: ‘body’, id: ‘ProfitTab’}
];
my final tabs need to see like: