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.
Divides the screen into a left and right section.
Click here to see the original article
Reza Rahmati last edited by
Would you add a simple code about how to use collapse on splitterview with media query?
Dennis Ferreira last edited by
@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.
IliaSky last edited by
@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-viewfrom Onsen 1, in Onsen 2 there is a component
ons-splitterwhich is a little better. When the
ons-split-viewcollapses there is no way to open it until the expression becomes false, whereas in
ons-splitterit becomes a sliding menu, which is seems more logical imo.