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.

ons-splitter and mobile statusbar



  • Is it possible, that the splitter (ons-splitter) overlays the mobile statusbar just like in native apps?



  • After some investigation I produced a workaround for my problem:
    in the material design guidelines it is called translucent status bar. As cordova uses WebView, there might be the only way to set this behavior with a custom cordova plugin. The problem is, that after setting the status bar translucent, the status bar overlays the webview. To correct this, we have to modify the top padding of content inside the webview by the height of device’s status bar. I forked the above custom cordova plugin to get the height of the status bar in css pixel (physical height / density), and modified my content.