Articles in this section
Category / Section

How to overcome Header overlapping with status bar while hosting application through Orubase 2.0?

1 min read

You can overcome this overlapping by increasing the header height when the sample gets rendered in WebView. For this, you can use the isWebView method in core to check whether it is in WebView or not.

Refer to the following code example.

Script

<script>

    $(function () {

        if (ej.isWebView()) // ej.isWebView() returns true, if this page used as webview in App

        {

            $('#header').css("height", "60px"); //Increase header size

            $('#header .e-m-header-title').css('top', '15px');

        }

    });

</script>

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied