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.