[HELP] Tab Inside a View


#1

Hello,

I am new to Ionic. Nice to meet you all. Let’s get straight to the problem :smile:

I want to create a page which have a tab inside a view. The page will have a header which content will be static. The tab must be able to navigate through different content and display it on below. The page must have a footer.

For illustration, I want it to be like below:

I can’t seem to find any way to make it works. I have below code to produce above screenshot, but i can’t put anything inside , anything goes there will be put on the header, literally overriding it:

<ion-view view-title="Tab Testing">
<ion-pane>
	<ion-content>
		<div>This is the static content</div>
		<div>
		<ion-tabs class="tabs-top">
			<ion-tab title="Tab 1">
			
			</ion-tab>

			<ion-tab title="Tab 2">
				
			</ion-tab>
		</ion-tabs>
		</div>
	</ion-content>
</ion-pane>

Any solution?