Hello All,
The following code below will help you to create Tab Bar in phoneGap Onesen UI.
<ons-tabbar>
<ons-tabbar-item
icon="home"
label="Home"
page="FirstPage.html"
active="true"></ons-tabbar-item>
<ons-tabbar-item
icon="comment"
label="Comments"
page="secondPage.html"></ons-tabbar-item>
<ons-tabbar-item
icon="gear"
label="Settings"
page="thirdPAge.html"></ons-tabbar-item>
</ons-tabbar>
The above code <ons-tabbar> define a set of the tab bars, Inside which we can define the tab Items.
Here <ons-tabbar-item> defines tab item.
icon="home" shows the nice home icon on tab button.
label="Home" show's the text below the icons.
active="true" show's by default selected tab.
icon="comment" show's the comment icon and icon="gear" shows a nice gear icon.
0 Comment(s)