Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • How to Create Tab Bar in phoneGap Onesen UI

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 442
    Comment on it

    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)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: