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

    Divides the screen into a left and right section.

    Click here to see the original article

  • Hello
    Would you add a simple code about how to use collapse on splitterview with media query?

  • @reza-rahmati: you can try this collapse="(max-device-width: 1600px)" you can play around with different media queries, I am not sure if this is the correct way of doing this (not a lot of documentation on this) hope it helps.

  • @Dennis-Ferreira You are correct. That’s precisely how it should be used. The reason why there is not much documentation about it is because it’s just a media query and I guess we expect people who want to use media queries to know how to write them.

    On another note - this is actually the documentation for ons-split-view from Onsen 1, in Onsen 2 there is a component ons-splitter which is a little better. When the ons-split-view collapses there is no way to open it until the expression becomes false, whereas in ons-splitter it becomes a sliding menu, which is seems more logical imo.