3. ons-tabbar / hide-tabs attribute

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

ons-tabbar / hide-tabs attribute

  • B

    Hello!

    Setting the hide-tabs attribute of a ons-tabbar component properly hides the tabbar in both ios and android views, however in the android view the content is pushed down 49px because of the .tabbar–top__content CSS class having the top: set to 49px. Am I doing something wrong here or is this a bug?

                    <ons-tabbar id="appTabbar" position="auto" hide-tabs>
                    <ons-tab page="m_modules.html" active></ons-tab>
                    <ons-tab page="m_main.html"></ons-tab>
                </ons-tabbar>

    .tabbar--top__content {
    top: 49px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

    Thanks,
    -Chris

    0
  • B

    Update:

    Removing position=“auto” from the ons-tabbar component solved this issue.

                    <ons-tabbar id="appTabbar" hide-tabs>
                    <ons-tab page="m_modules.html" active></ons-tab>
                    <ons-tab page="m_main.html"></ons-tab>
                </ons-tabbar>
    0