how do I avoid hiding the content in the ionic tab?

2

I am trying to put a tab with the following code inside a .html page:

<ion-view view-title="Browse">
   <ion-content>
     <ion-tabs class="tabs-striped tabs-top tabs-icon-only" delegate-handle="myhandle">
        <ion-tab title="A">
           <ion-content><h1>Home - A</h1></ion-content>
        </ion-tab><br />
        <ion-tab title="B">
           <ion-content>Home - B</ion-content>
        </ion-tab>
      </ion-tabs>
   </ion-content>
</ion-view>

But doing this, the contents of the tab are placed under the tab headers and there is also a blank space above (The tab panel stays below).

I did certain things to show how I want to: Remove the ion-content tag and with style lower the contents of the tab (I put the styles there, but then if you can not do otherwise, I pass the styles to css) .

<ion-view view-title="Browse">
 <ion-tabs class="tabs-striped tabs-top tabs-icon-only" delegate-handle="myhandle">
    <ion-tab title="A" >
      <ion-content style="margin-top:100px;"><h1>Home - A</h1></ion-content>
    </ion-tab><br />
    <ion-tab title="B">
     <ion-content style="margin-top:100px;">Home - B</ion-content>
    </ion-tab>
 </ion-tabs>
</ion-view>

The question is: How can I make normal the tab inside the .html page with only the ionic tags and without going to add css?

I think I'm suddenly missing a label to avoid that problem.

    
asked by Marck Vit 13.03.2017 в 21:49
source

1 answer

0
    <ion-view hide-nav-bar="true" view-title="Browse">

You have to add that attribute to true

    
answered by 01.04.2017 в 02:56