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.


  • Onsen UI

    A component that enables responsive layout by implementing both a two-column layout and a sliding menu layout. It can be configured to automatically expand into a column layout on large screens and collapse the menu on smaller screens. When the menu is collapsed the user can open it by swiping.

    Click here to see the original article

  • I do not understand the use of this component when collapse is set to true. The SplitterSide cannot be closed when collapse is true…

  • Onsen UI

    @zabojad I’m guess you are passing a string 'true', instead of a boolean true. The example in the tutorial uses a boolean and it can always be closed.

  • @Fran-Diox try setting collapse to false (the boolean value, not a string) and you’ll see that the SplitterSide cannot be closed…

      render: function() {
        return (
                  boxShadow: '0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)'

    IMO, it should make it not overlaying the SplitterContent but still with keeping the possibility to close / swipe it.