cordova-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Jesse MacFadyen (JIRA)" <j...@apache.org>
Subject [jira] [Comment Edited] (CB-5440) Activating SystemTray in WP8 app doesn't shrink the viewport in portrait
Date Wed, 15 Oct 2014 21:43:34 GMT

    [ https://issues.apache.org/jira/browse/CB-5440?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14173004#comment-14173004
] 

Jesse MacFadyen edited comment on CB-5440 at 10/15/14 9:42 PM:
---------------------------------------------------------------

You should not be modifying MainPage.xaml
Use the plugin if you want to show or hide the statusbar.

{code}
btnShow.addEventListener("click", function () { StatusBar.show();});
btnHide.addEventListener("click", function () { StatusBar.hide(); });
btnAlpha100.addEventListener("click", function () { StatusBar.backgroundColorByHexString("#FF000000");
});
btnAlpha33.addEventListener("click", function () { StatusBar.backgroundColorByHexString("#33000000");});

window.onresize = function () {
    txtOut.innerHTML = "Height: " + window.innerHeight + " Width: " + window.innerWidth;
};
// ===================================
<div class="app">
    <button id="btnShow">Show</button>
    <button id="btnHide">Hide</button>
    <button id="btnAlpha100">Opaque</button>
    <button id="btnAlpha33">Transparent</button>
    <div id="txtOut"></div>
</div>
{code}

Showing or hiding the status bar will trigger a window.resize event.
Setting the status bar background to ANY transparent value will make it overlay the webview,
and full opacity will stop it from overlaying.
ie. if you want a non-transparent looking Blue status bar that overlays the webview: 
{code}
StatusBar.backgroundColorByHexString("#FE0000FF");
{code}

To install the statusbar plugin:
{code}
cordova plugin add org.apache.cordova.statusbar
{code}


was (Author: purplecabbage):
You should not be modifying MainPage.xaml
Use the plugin if you want to show or hide the statusbar.

{code}
btnShow.addEventListener("click", function () { StatusBar.show();});
btnHide.addEventListener("click", function () { StatusBar.hide(); });
btnAlpha100.addEventListener("click", function () { StatusBar.backgroundColorByHexString("#FF000000");
});
btnAlpha33.addEventListener("click", function () { StatusBar.backgroundColorByHexString("#33000000");});

window.onresize = function () {
    txtOut.innerHTML = "Height: " + window.innerHeight + " Width: " + window.innerWidth;
};
// ===================================
<div class="app">
    <button id="btnShow">Show</button>
    <button id="btnHide">Hide</button>
    <button id="btnAlpha100">Opaque</button>
    <button id="btnAlpha33">Transparent</button>
    <div id="txtOut"></div>
</div>
{code}

Showing or hiding the status bar will trigger a window.resize event.
Setting the status bar background to ANY transparent value will make it overlay the webview,
and full opacity will stop it from overlaying.
ie. if you want a non-transparent looking Blue status bar that overlays the webview: 
{code}
StatusBar.backgroundColorByHexString("#FE0000FF");
{code}

> Activating SystemTray in WP8 app doesn't shrink the viewport in portrait
> ------------------------------------------------------------------------
>
>                 Key: CB-5440
>                 URL: https://issues.apache.org/jira/browse/CB-5440
>             Project: Apache Cordova
>          Issue Type: Bug
>          Components: WP8
>    Affects Versions: 3.1.0
>         Environment: Windows Phone 8 (didn't test on 7), not specific to device
>            Reporter: Kamen Bundev
>            Assignee: Jesse MacFadyen
>         Attachments: SystemTrayViewport.zip
>
>
> Adding shell:SystemTray.IsVisible="True" to MainPage.xaml doesn't shrink the Cordova
WebView in portrait mode, but instead pushes it down with about 25px - as much as the SystemTray
height. Landscape orientation is okay (the WebView is shorter than it should, but this looks
like a different issue).



--
This message was sent by Atlassian JIRA
(v6.3.4#6332)

---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org


Mime
View raw message