Struggling getting a page set up with toolbar-tabbar-footer



  • I can’t get this set up correctly.
    Toolbar (above tabbar) and Footer (beneath tabbar) stay hidden under the Tabbar pages.

    Is there a way to fix this?

    render() {
        return (
          <Page>
            <Toolbar inline>
              <div className="left"><BackButton>Back</BackButton></div>
              <div className="center">{'Skill' + this.props.skill.skillNr}</div>
            </Toolbar>
            <Tabbar
              index={this.state.index}
              position='top'
              onPreChange={({index}) => this.setState({index})}
              renderTabs={this.renderTabs.bind(this)}
            />
            <Footer />
          </Page>
        );
      }
    

  • Onsen UI

    @beebase You need to use renderToolbar method in the page. Check these docs.


Log in to reply