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.

SplitterContent moves to right when SplitterSide opens?

  • I am using Onsen UI + React.

    I want to use the Splitter provided by Onsen UI. However the SplitterSide is just over the SplitterContent when it opens. Is there a way to let the SplitterContent move, just like what the menu in Ionic does? (See

    By the way I don’t understand what does the prop “animation” mean. I tried both options but saw no difference.

    Thanks in advance.

  • Onsen UI

    @Xinhu-Liu Hey! There’s only 1 animation implemented in SplitterSide currently, overlay (which is the default one, so it doesn’t matter if you write animation: 'default' or animation: 'overlay'). In Onsen UI v1 there were other animations like the one you mention but they were not ported to v2 for some reason. The existing animation code is here and there are some docs on extending animations here, in case you are interested. It would be nice to have the other animation but unfortunately right now we are quite busy with other stuff :/

    The old animations were push and reveal.

  • @Fran-Diox Hi Fran. Thanks for your answer.