[jira] [Commented] (CB-5440) Activating SystemTray in WP8 app doesn't shrink the viewport in portrait
[
https://issues.apache.org/jira/browse/CB-5440?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14173004#comment-14173004
]
Jesse MacFadyen commented on CB-5440:
-
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("#FF00"); });
btnAlpha33.addEventListener("click", function () {
StatusBar.backgroundColorByHexString("#3300");});
window.onresize = function () {
txtOut.innerHTML = "Height: " + window.innerHeight + " Width: " +
window.innerWidth;
};
// ===
Show
Hide
Opaque
Transparent
{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("#FEFF");
{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-unsubscr...@cordova.apache.org
For additional commands, e-mail: issues-h...@cordova.apache.org
[jira] [Commented] (CB-5440) Activating SystemTray in WP8 app doesn't shrink the viewport in portrait
[ https://issues.apache.org/jira/browse/CB-5440?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14156133#comment-14156133 ] Kamen Bundev commented on CB-5440: -- Yes, but this doesn't change the fact that it doesn't work with a non-transparent SystemTray. > 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)
[jira] [Commented] (CB-5440) Activating SystemTray in WP8 app doesn't shrink the viewport in portrait
[ https://issues.apache.org/jira/browse/CB-5440?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14155117#comment-14155117 ] Roberto De Simone commented on CB-5440: --- As sent by Twitter today: Try to make the SystemTray transparent. The result will be something like the seamless statusbar in iOS. The WebView displays correctly with the SystemTray. Additionally you have play with the colors according to your preferences. See example below: This has to be done in MainPage.xaml shell:SystemTray.BackgroundColor="White" shell:SystemTray.ForegroundColor="Black" shell:SystemTray.IsVisible="True" shell:SystemTray.Opacity="0" > 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)
[jira] [Commented] (CB-5440) Activating SystemTray in WP8 app doesn't shrink the viewport in portrait
[ https://issues.apache.org/jira/browse/CB-5440?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14154818#comment-14154818 ] Kamen Bundev commented on CB-5440: -- No, there are no changes in WP8 code between 0.1.6 and 0.1.8. https://github.com/apache/cordova-plugin-statusbar/releases I meant changes between WP8.0 and WP8.1 SDKs. In XAML apps, SystemTray has been removed completely, now there's a StatusBar API which is different: http://www.visuallylocated.com/post/2014/04/07/Differences-between-the-new-StatusBar-in-Windows-Phone-XAML-Apps-and-the-SystemTray.aspx However, if I'm not mistaken, Cordova for WP8 is a Silverlight app. > 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)
[jira] [Commented] (CB-5440) Activating SystemTray in WP8 app doesn't shrink the viewport in portrait
[ https://issues.apache.org/jira/browse/CB-5440?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14154772#comment-14154772 ] Moisés Gramary commented on CB-5440: Yeah, or maybe the WP8 compatibility was added in StatusBar plugin 0.1.8 (the latest one), check this commit: https://github.com/apache/cordova-plugin-statusbar/commit/d7498d31ed88e912deef1fc89905f00a181d542e > 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)
[jira] [Commented] (CB-5440) Activating SystemTray in WP8 app doesn't shrink the viewport in portrait
[ https://issues.apache.org/jira/browse/CB-5440?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14154766#comment-14154766 ] Kamen Bundev commented on CB-5440: -- I don't get that for some reason - with Cordova 3.5.0 and StatusBar plugin 0.1.6 it still works the same in WP8.1 for me. > 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)
[jira] [Commented] (CB-5440) Activating SystemTray in WP8 app doesn't shrink the viewport in portrait
[
https://issues.apache.org/jira/browse/CB-5440?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14154742#comment-14154742
]
Moisés Gramary commented on CB-5440:
Hi Kamen,
I have already made a test with the Jesse suggestion, and for me, using a
Windows Phone 8.1 device without hardware buttons, It surprisingly works.
It seems that writting (after installing the plugin):
{quote}
if( isWindowsPhone ) \{
StatusBar.hide();
\}
{quote}
It doesn't really hides the SystemTray, the opposite, it does make that
"solid", I mean, this still visible, but does not overlaps the WebView.
I did not expect that, but it works!!!
> 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)
[jira] [Commented] (CB-5440) Activating SystemTray in WP8 app doesn't shrink the viewport in portrait
[ https://issues.apache.org/jira/browse/CB-5440?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14154721#comment-14154721 ] Kamen Bundev commented on CB-5440: -- I'm sorry, Jesse, but how exactly manually invoking a workaround with a loss of functionality (removing the SystemTray) is a "proper handling of this case"? The WP8 portion of the StatusBar plugin didn't change since 12 March 2014. Even with a WONTFIX, the situation is unchanged - currently Cordova on WP8 with SystemTray is unusable - one needs to either remove the SystemTray or go through workarounds as the one Moisés mentioned above (and forcing the app to portrait). Please reconsider this resolution, as it doesn't seem like one. > 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)
[jira] [Commented] (CB-5440) Activating SystemTray in WP8 app doesn't shrink the viewport in portrait
[
https://issues.apache.org/jira/browse/CB-5440?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14119529#comment-14119529
]
Moisés Gramary commented on CB-5440:
I think the error is not on the Cordova WebView shrinking, that's more on the
IE processing of the *viewport tag* / *@-ms-viewport* css tag.
In my testings, the js code:
{quote}
var vpStyle = document.createElement("style");
vpStyle.appendChild(document.createTextNode("@-ms-viewport
\{width:device-width;height:" + window.innerHeight + "px }"));
document.getElementsByTagName("head")\[0].appendChild(vpStyle);
{quote}
...on device load, solves the VISIBLE height, but it "appends" white height and
white width on bottom and right respectively. It doesn't appears the best
solution, but, with this fix and forcing the main element to be not scrollable,
would give the right behaviour.
> 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)
