{ "id": "126751", "key": "TIMOB-16503", "fields": { "issuetype": { "id": "2", "description": "A new feature of the product, which has yet to be developed.", "name": "New Feature", "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": "15927", "description": "2014 Sprint 04", "name": "2014 Sprint 04", "archived": true, "released": true, "releaseDate": "2014-02-28" }, { "id": "15929", "description": "2014 Sprint 04 API", "name": "2014 Sprint 04 API", "archived": true, "released": true, "releaseDate": "2014-02-28" }, { "id": "15422", "description": "Release 3.3.0", "name": "Release 3.3.0", "archived": false, "released": true, "releaseDate": "2014-07-16" } ], "resolution": { "id": "1", "description": "A fix for this issue is checked into the tree and tested.", "name": "Fixed" }, "resolutiondate": "2014-02-28T19:43:25.000+0000", "created": "2014-02-23T19:18:27.000+0000", "priority": null, "labels": [ "extendedges", "module_toolbar", "navigationbar", "navigationgroup", "navigationwindow", "qe-testadded" ], "versions": [], "issuelinks": [], "assignee": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "updated": "2014-04-23T09:55:00.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": "Since the new Window architecture in 3.2.0 it is not possible anymore for a window to have a simple navigation bar. You either have to use a {{NavigationWindow}} or a {{Window}} + {{Toolbar}}. The first feels over-done for just a navigation bar, but the second one has a major short-coming that is pretty much a blocker as well.\r\n\r\nTake the following {{app.js}}:\r\n\r\n{code}\r\nvar win = Ti.UI.createWindow({\r\n backgroundColor: 'red',\r\n extendEdges: [Ti.UI.EXTEND_EDGE_ALL]\r\n});\r\nwin.add(Ti.UI.iOS.createToolbar({\r\n items: [Ti.UI.createButton({\r\n systemButton: Titanium.UI.iPhone.SystemButton.CAMERA,\r\n })],\r\n top: 0, // 20 leaves a gap\r\n height: 64, // doesn't work\r\n borderTop: false,\r\n borderBottom: true\r\n}));\r\nwin.open();\r\n{code}\r\n\r\nWhat we want is for the {{Toolbar}} to extend itself to the area under the status bar like the {{NavigationWindow}} does and the old window navigation bar had, so they can have a uniform color and more importantly, share the blurred effect enabled by {{extendEdges}}.\r\n\r\nHowever, when I set {{top: 0}}, the first 20 of the 44 points of the toolbar are positioned under the statusbar, even if I try to set the height to 64. And when I set {{top: 20}} the red window is visible in all its glory behind the status bar like demonstrated in the attached screenshot. I could position another view in that area, but there's no way to give it the same blur-effect the toolbar has.\r\n\r\nIt would be nice to have an option to have the {{Toolbar}} extend to the area under the statusbar, which would provide a really good and light alternative for the good-old navigation bar.", "attachment": [ { "id": "46195", "filename": "chip.jpg", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2014-02-25T22:00:08.000+0000", "size": 38857, "mimeType": "image/jpeg" }, { "id": "46196", "filename": "darkstripes_bg.jpg", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2014-02-25T22:00:08.000+0000", "size": 80497, "mimeType": "image/jpeg" }, { "id": "46139", "filename": "iOS-simulatorschermafbeelding 23 feb. 2014 20.23.30.png", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2014-02-23T19:23:43.000+0000", "size": 18905, "mimeType": "image/png" }, { "id": "46197", "filename": "iOS Simulator Screen shot Feb 25, 2014, 2.01.30 PM.png", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2014-02-25T22:02:48.000+0000", "size": 77960, "mimeType": "image/png" }, { "id": "46198", "filename": "iOS Simulator Screen shot Feb 25, 2014, 2.01.51 PM.png", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2014-02-25T22:02:48.000+0000", "size": 67788, "mimeType": "image/png" } ], "flagged": false, "summary": "iOS: Allow toolbar to extend underneath statusbar on iOS 7", "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": "SDK 3.2.1.GA", "comment": { "comments": [ { "id": "294681", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Test case \n{code}\nvar send = Titanium.UI.createButton({\n title: 'Send',\n style: Titanium.UI.iPhone.SystemButtonStyle.DONE,\n});\n\nvar camera = Titanium.UI.createButton({\n systemButton: Titanium.UI.iPhone.SystemButton.CAMERA,\n});\n\nvar cancel = Titanium.UI.createButton({\n systemButton: Titanium.UI.iPhone.SystemButton.CANCEL\n});\n\nvar bookmark = Titanium.UI.createButton({\n systemButton: Titanium.UI.iPhone.SystemButton.BOOKMARKS\n});\n\nflexSpace = Titanium.UI.createButton({\n systemButton:Titanium.UI.iPhone.SystemButton.FLEXIBLE_SPACE\n});\n\nvar tb1 = Titanium.UI.iOS.createToolbar({\n items:[send, flexSpace, camera],\n top:20,\n backgroundImage:'images/chip.jpg',\n extendBackground:true\n}); \n\nvar tb2 = Titanium.UI.iOS.createToolbar({\n items:[bookmark, flexSpace, cancel],\n bottom:0,\n backgroundImage:'images/darkstripes_bg.jpg',\n}); \n\nvar label = Ti.UI.createLabel({text:'SEE TOOLBARS !'});\n\nvar win = Ti.UI.createWindow({backgroundColor:'white',orientationModes:[1,2,3,4]});\nwin.add(tb1);\nwin.add(tb2);\nwin.add(label);\nwin.open();\n{code}", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2014-02-25T21:41:54.000+0000", "updated": "2014-02-25T21:41:54.000+0000" }, { "id": "294682", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Pull pending against master\r\nhttps://github.com/appcelerator/titanium_mobile/pull/5384", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2014-02-25T21:44:09.000+0000", "updated": "2014-02-25T21:44:09.000+0000" }, { "id": "294686", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Attaching Resources for testcase", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2014-02-25T22:00:08.000+0000", "updated": "2014-02-25T22:00:08.000+0000" }, { "id": "294688", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Attaching screenshots", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2014-02-25T22:02:48.000+0000", "updated": "2014-02-25T22:02:48.000+0000" }, { "id": "294772", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "body": "Nicely done [~vduggal]! The default - non-image translucent/blurred background - works as well?", "updateAuthor": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2014-02-26T12:26:26.000+0000", "updated": "2014-02-26T12:26:26.000+0000" }, { "id": "294820", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "@[~fokke]\nShould work. I put the sample with background image since the background image rendering was changed for Toolbars on iOS7 as part of this PR.", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2014-02-26T18:04:53.000+0000", "updated": "2014-02-26T18:04:53.000+0000" }, { "id": "302154", "author": { "name": "prastogi", "key": "prastogi", "displayName": "Pragya Rastogi", "active": true, "timeZone": "Asia/Kolkata" }, "body": "Verified the fix with:\r\nOSX: 10.9.2\r\nXcode: 5.1.1\r\nStudio - 3.3.0.201404211130\r\nSDK - 3.3.0.v20140422163054\r\nacs-1.0.14\r\nalloy-1.4.0-dev\r\nnpm-1.3.2\r\ntitanium-3.3.0-dev\r\ntitanium-code-processor-1.1.1-beta1\r\nDevice: iPhone 4s (7.1)", "updateAuthor": { "name": "prastogi", "key": "prastogi", "displayName": "Pragya Rastogi", "active": true, "timeZone": "Asia/Kolkata" }, "created": "2014-04-23T09:54:30.000+0000", "updated": "2014-04-23T09:54:30.000+0000" } ], "maxResults": 7, "total": 7, "startAt": 0 } } }