{ "id": "119663", "key": "TIMOB-15077", "fields": { "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "subtask": false }, "project": { "id": "10153", "key": "TIMOB", "name": "Titanium SDK/CLI", "projectCategory": { "id": "10100", "description": "Titanium and related SDKs used in application development", "name": "Client" } }, "fixVersions": [ { "id": "15691", "description": "2013 Sprint 19", "name": "2013 Sprint 19", "archived": true, "released": true, "releaseDate": "2013-09-20" }, { "id": "15693", "description": "2013 Sprint 19 API", "name": "2013 Sprint 19 API", "archived": true, "released": true, "releaseDate": "2013-09-20" }, { "id": "15593", "description": "Release 3.1.3", "name": "Release 3.1.3", "archived": true, "released": true, "releaseDate": "2013-09-18" }, { "id": "14982", "description": "Release 3.2.0", "name": "Release 3.2.0", "archived": false, "released": true, "releaseDate": "2013-12-19" } ], "resolution": { "id": "1", "description": "A fix for this issue is checked into the tree and tested.", "name": "Fixed" }, "resolutiondate": "2013-09-10T22:05:29.000+0000", "created": "2013-09-07T14:54:37.000+0000", "priority": { "name": "High", "id": "2" }, "labels": [ "ios7", "qe-closed-3.1.3", "statusbar" ], "versions": [], "issuelinks": [], "assignee": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "updated": "2013-09-13T23:36:12.000+0000", "status": { "description": "The issue is considered finished, the resolution is correct. Issues which are closed can be reopened.", "name": "Closed", "id": "6", "statusCategory": { "id": 3, "key": "done", "colorName": "green", "name": "Done" } }, "components": [ { "id": "10206", "name": "iOS", "description": "iOS Platform" } ], "description": "If you don't want your (lightweight) view to be positioned under the status bar, you can set {{top}} to {{20}}. This will cause the main view's background color (set via {{Ti.UI.backgroundColor}} or image to be visible under the status bar.\r\n\r\nThis works fine as long as the background color/image is light, because the status bar text is always black. On a dark (black) background, the only thing you will see is the green battery icon.\r\n\r\nTo fix this, all we need is the new {{UIStatusBarStyleLightContent}} style to be exposed as an option for {{Ti.UI.iPhone.statusBarStyle}}. For example as {{Ti.UI.iPhone.StatusBar.LIGHT_CONTENT}}.\r\n\r\nInformation can be found at: https://developer.apple.com/library/prerelease/ios/documentation/UserExperience/Conceptual/TransitionGuide/Bars.html#//apple_ref/doc/uid/TP40013174-CH8-SW2\r\n\r\nh1. To reproduce/test\r\n\r\n# Create app: {{titanium create -p ios --id test.statusbar -n TestStatusBar}}\r\n# Use as {{app.js}}:\r\n {code:javascript}\r\n Ti.UI.backgroundColor = '#000';\r\n Ti.UI.createWindow({backgroundColor:'white', top: 20}).open();\r\n {code}\r\n# Run the app to see you can only see the green battery icon (as attached).\r\n# Change the first line to:\r\n {code:javascript}\r\n Ti.UI.backgroundColor = '#ddd';\r\n {code}\r\n# Run the app to see the text was actually there but not visible black on black.", "attachment": [ { "id": "42492", "filename": "fixed.png", "author": { "name": "oromero", "key": "oromero", "displayName": "Olga Romero", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-09-13T23:33:53.000+0000", "size": 33566, "mimeType": "image/png" }, { "id": "42275", "filename": "foto.PNG", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2013-09-07T15:08:46.000+0000", "size": 10022, "mimeType": "image/png" } ], "flagged": false, "summary": "iOS7: Support new UIStatusBarStyleLightContent style", "creator": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "subtasks": [], "reporter": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "environment": "CLI 3.1.2\r\nSDK 3.1.3.v20130904134612\r\nMac OS X 10.8.4\r\nXCodeDP6", "comment": { "comments": [ { "id": "270171", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "body": "I saw {{UIStatusBarStyleLightContent}} was mentioned in the resolved TIMOB-14983, but it's not fixed in the nightly build.", "updateAuthor": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2013-09-07T14:55:53.000+0000", "updated": "2013-09-07T14:56:04.000+0000" }, { "id": "270208", "author": { "name": "arood", "key": "arood", "displayName": "Marcus Olovsson", "active": true, "timeZone": "Europe/Berlin" }, "body": "I'd love if this could be fixed before 3.1.3 is officially released! I have a few apps with graphics that cover the entire screen, and white text would look so much better than black.", "updateAuthor": { "name": "arood", "key": "arood", "displayName": "Marcus Olovsson", "active": true, "timeZone": "Europe/Berlin" }, "created": "2013-09-08T12:04:57.000+0000", "updated": "2013-09-08T12:04:57.000+0000" }, { "id": "270210", "author": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "body": "[~arood] Would you mind attaching a screenshot of your app?", "updateAuthor": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-09-08T12:35:57.000+0000", "updated": "2013-09-08T12:35:57.000+0000" }, { "id": "270213", "author": { "name": "arood", "key": "arood", "displayName": "Marcus Olovsson", "active": true, "timeZone": "Europe/Berlin" }, "body": "Ingo Muschenetz: Here's an example: http://mrcs.se/RGUy (content is blurred because I don't know if I'm allowed to show the app yet, as it isn't released yet). As you can see the app itself is using white text so naturally it would look nice with white text in the statusbar.", "updateAuthor": { "name": "arood", "key": "arood", "displayName": "Marcus Olovsson", "active": true, "timeZone": "Europe/Berlin" }, "created": "2013-09-08T13:10:18.000+0000", "updated": "2013-09-08T13:10:18.000+0000" }, { "id": "270218", "author": { "name": "srahim", "key": "srahim", "displayName": "Sabil Rahim", "active": true, "timeZone": "America/Los_Angeles" }, "body": "UIStatusBarStyleLightContent - This property is already exposed through [Titanium.UI.iPhone.StatusBar.TRANSLUCENT_BLACK|http://docs.appcelerator.com/titanium/latest/#!/api/Titanium.UI.iPhone.StatusBar-property-TRANSLUCENT_BLACK]. On iOS 6 this would be transparent black style and on iOS 7 this would be a light status bar, intended for use on dark backgrounds. This value can be set on a per window basis by using the statusBarStyle property of the window.\r\n\r\n{code}\r\nTi.UI.createWindow({backgroundColor:'black', statusBarStyle: Titanium.UI.iPhone.StatusBar.TRANSLUCENT_BLACK}).open();\r\n{code}", "updateAuthor": { "name": "srahim", "key": "srahim", "displayName": "Sabil Rahim", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-09-08T22:24:25.000+0000", "updated": "2013-09-08T22:39:36.000+0000" }, { "id": "270220", "author": { "name": "yamill", "key": "yamill", "displayName": "Yamill Vallecillo", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Sabil, that does not work.", "updateAuthor": { "name": "yamill", "key": "yamill", "displayName": "Yamill Vallecillo", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-09-09T00:43:00.000+0000", "updated": "2013-09-09T00:43:00.000+0000" }, { "id": "270272", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "body": "OK, got it working by setting it through the window.\r\n\r\nMaybe it's a good idea to document the difference between setting:\r\n\r\n# {{UIStatusBarStyleUIStatusBarStyleBlackTranslucent}}\r\n# {{Ti.UI.iPhone.setStatsuBarStyle(Titanium.UI.iPhone.StatusBar.TRANSLUCENT_BLACK);}}\r\n# {{Ti.UI.createWindow(\\{statusBarStyle: Titanium.UI.iPhone.StatusBar.TRANSLUCENT_BLACK\\});}}\r\n\r\nAs far as I know understand and have tested in 3.1.3 for iOS7, only the third works. The docs should be very clear about number one and two being dropped. And maybe it's a good idea to update the default app {{tiapp.xml}} as well, since it still includes the deprecated {{}} element.", "updateAuthor": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2013-09-09T06:43:07.000+0000", "updated": "2013-09-09T06:43:07.000+0000" }, { "id": "270273", "author": { "name": "arood", "key": "arood", "displayName": "Marcus Olovsson", "active": true, "timeZone": "Europe/Berlin" }, "body": "I can also confirm that it works on window creation, I was previously using in tiapp.xml.", "updateAuthor": { "name": "arood", "key": "arood", "displayName": "Marcus Olovsson", "active": true, "timeZone": "Europe/Berlin" }, "created": "2013-09-09T07:52:33.000+0000", "updated": "2013-09-09T07:52:33.000+0000" }, { "id": "270277", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "body": "I still think though that {{Ti.UI.iPhone.StatusBar.LIGHT_CONTENT}} should be made available, since the others except {{Ti.UI.iPhone.StatusBar.DEFAULT}} are deprecated in iOS7. I don't know what happens when an app is compiled again iOS6 with LIGHT_CONTENT set though?", "updateAuthor": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2013-09-09T08:31:16.000+0000", "updated": "2013-09-09T08:31:16.000+0000" }, { "id": "270316", "author": { "name": "yamill", "key": "yamill", "displayName": "Yamill Vallecillo", "active": true, "timeZone": "America/Los_Angeles" }, "body": "We should be able to update the UI Status Bar light style through the tiapp.xml. It's overkill to set it to every window creation. Or, be able to set it globally with Ti.UI.iPhone.setStatusBarStyle(Titanium.UI.iPhone.StatusBar.TRANSLUCENT_BLACK) in alloy.js", "updateAuthor": { "name": "yamill", "key": "yamill", "displayName": "Yamill Vallecillo", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-09-09T15:47:25.000+0000", "updated": "2013-09-09T15:47:25.000+0000" }, { "id": "270552", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "https://github.com/appcelerator/titanium_mobile/pull/4666", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2013-09-10T07:46:22.000+0000", "updated": "2013-09-10T07:46:22.000+0000" }, { "id": "270645", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "backport to 3_1_X\nhttps://github.com/appcelerator/titanium_mobile/pull/4669", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2013-09-10T18:53:00.000+0000", "updated": "2013-09-10T18:53:00.000+0000" }, { "id": "270861", "author": { "name": "kosso", "key": "kosso", "displayName": "kosso", "active": true, "timeZone": "Europe/London" }, "body": "So what are the definitive steps to getting the light text in the status bar? I can't seem to get it to work on the latest continuous build. \r\n\r\nI think many people will get stuck on this. Maybe someone needs to update the migration guide?\r\n\r\nhttp://docs.appcelerator.com/titanium/latest/#!/guide/iOS_7_Migration_Guide", "updateAuthor": { "name": "kosso", "key": "kosso", "displayName": "kosso", "active": true, "timeZone": "Europe/London" }, "created": "2013-09-12T16:40:48.000+0000", "updated": "2013-09-12T16:40:48.000+0000" }, { "id": "270903", "author": { "name": "srahim", "key": "srahim", "displayName": "Sabil Rahim", "active": true, "timeZone": "America/Los_Angeles" }, "body": "[~kosso] add the following to your tiapp.xml if you want you entire app to have a light content style. \r\n{code}\r\n\r\n \r\n \t \r\n \t\t UIStatusBarStyle \r\n UIStatusBarStyleLightContent\r\n \t \r\n \r\n\t\r\n{code}\r\n\r\nOr if you want to control this property in a per window basis set the window property to `statusBarStyle` to Titanium.UI.iPhone.StatusBar.LIGHT_CONTENT (on iOS 7)", "updateAuthor": { "name": "srahim", "key": "srahim", "displayName": "Sabil Rahim", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-09-12T18:32:34.000+0000", "updated": "2013-09-12T20:55:40.000+0000" }, { "id": "270912", "author": { "name": "kosso", "key": "kosso", "displayName": "kosso", "active": true, "timeZone": "Europe/London" }, "body": "Thanks Sabil. After much testing and re-building of various configurations, that's the way I just got it to work before seeing this ;) \r\n\r\n", "updateAuthor": { "name": "kosso", "key": "kosso", "displayName": "kosso", "active": true, "timeZone": "Europe/London" }, "created": "2013-09-12T19:06:06.000+0000", "updated": "2013-09-12T19:06:06.000+0000" }, { "id": "271142", "author": { "name": "oromero", "key": "oromero", "displayName": "Olga Romero", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Tested and verified the fix, updating tiapp.xml in a default classic project.\r\n\r\nAppcelerator Studio, build: 3.1.3.201309132456\r\nTitanium SDK, build:3.1.3.v20130913121549\r\nMac OS 10.8.4\r\nXcode 5 \r\nCLI: 3.1.2\r\nAlloy: 1.2.2-cr\r\n\r\nDevces:\r\niPhone5 iOS7 GM seed\r\niPad3 iOS7 GM seed\r\n\r\nAttached a screenshot fixed.png\r\n", "updateAuthor": { "name": "oromero", "key": "oromero", "displayName": "Olga Romero", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-09-13T23:33:27.000+0000", "updated": "2013-09-13T23:34:29.000+0000" } ], "maxResults": 19, "total": 19, "startAt": 0 } } }