Place tabs beneath Navbar header in Ionic2

Ionic Framework ionic-v3
1

I want to place fixed tabs just below the header in a specific page only. I tried using ion-tabs but this didn’t work for me. Looked for examples online but those even didn’t helped.
Is there any step to implement the same.

3

Have your tried

<ion-tabs tabsPlacement="top">

or you can set them globaly from the app.module.ts

imports: [
    IonicModule.forRoot(MyApp, {
            tabsPlacement: 'bottom',
        }
    )]
4

I needed it under header in only a single page. So, instead went with segment and manipulated it to fit my requirement.

1 Like