How to add Tabs inside the Card?

I want to add Tab inside the card. i tried but it is not working. Please help…

You can’t

http://ionicframework.com/docs/api/directive/ionTabs/

i know tab how to use but i want to add tab in center, means i do not want to add tabs on header or footer.

That’s also what I meant.

I want to add tabs like this…
can you give me the code for this?

hey, I have same problem too, I solve using button-bar inside card, and using ng-class to make button active so the button have bottom border, I hope it will help someone that camealong with this problem.

1 Like

I afraid that you can’t add the components inside a ion-card component, but you can modify the css of the ion-tab in order to change the style of the wrapper component of the builded tab.

the css component that you have to change is the class .tabbar

An example could be:

  .tabbar{
    border-bottom: none!important;
    padding: 0px 12pt;
    width: 75%!important;
    left: 50%!important;
    -webkit-transform: translateX(-50%)!important;
    transform: translateX(-50%)!important;
    background-color: #fff!important;
    border-radius: 10pt!important;
  }