Monaca Onsen UI Discord Chat Github Repo

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 (
            <Toolbar inline>
              <div className="left"><BackButton>Back</BackButton></div>
              <div className="center">{'Skill' + this.props.skill.skillNr}</div>
              onPreChange={({index}) => this.setState({index})}
            <Footer />

  • Onsen UI

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