Monaca Onsen UI Discord Chat Github Repo

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.