{ "id": "120994", "key": "TIMOB-15450", "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": "16270", "description": "2014 Sprint 10", "name": "2014 Sprint 10", "archived": true, "released": true, "releaseDate": "2014-05-22" }, { "id": "16271", "description": "2014 Sprint 10 SDK", "name": "2014 Sprint 10 SDK", "archived": true, "released": true, "releaseDate": "2014-05-22" }, { "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-05-12T14:28:31.000+0000", "created": "2013-10-09T15:18:14.000+0000", "priority": { "name": "High", "id": "2" }, "labels": [ "extendedges", "ios7", "module_tabgroup", "navtintcolor", "qe-testadded", "tabgroup" ], "versions": [], "issuelinks": [], "assignee": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "updated": "2014-05-20T18:18:21.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": "I try to style a tab group's navigation bar background- and tint colors in such a way that both the 4 showing tabs as well as the the automatic *More* tab holding any other tabs look exactly the same. This seems impossible.\r\n\r\nRun the following code:\r\n\r\n{code}\r\nTi.UI.backgroundColor = '#0F0';\r\n\r\nvar tabGroup = Titanium.UI.createTabGroup({\r\n barColor: '#F00',\r\n // Doesn't do anything navTintColor: '#FFF',\r\n // Doesn't do good tintColor: '#FFF'\r\n});\r\n\r\nfunction createTab(nr) {\r\n\r\n var win = Titanium.UI.createWindow({\r\n backgroundColor: '#fff',\r\n barColor: '#f00',\r\n title: 'Window ' + nr,\r\n navTintColor: '#FFF'\r\n });\r\n\r\n var label = Titanium.UI.createLabel({\r\n text: 'Label ' + nr\r\n });\r\n\r\n win.add(label);\r\n\r\n var tab = Titanium.UI.createTab({\r\n icon: 'KS_nav_views.png',\r\n title: 'Tab ' + nr,\r\n window: win\r\n });\r\n\r\n return tab;\r\n}\r\n\r\nfor (var i = 1; i <= 20; i++) {\r\n tabGroup.addTab(createTab(i));\r\n}\r\n\r\ntabGroup.open();\r\n{code}\r\n\r\nh1. More-Tab extendEdges\r\nWhen you're on one of the first 4 tabs you'll see the green of {{Ti.UI.backgroundColor}} shine through the tab bar, like shown in screenshot A. But on the *More* tab, the tab bar is grey-ish like shown in screenshot B. It looks like this window has extendEdges for bottom enabled by default and setting {{extendEdges}} to {{NONE}} on the {{TabGroup}} doesn't change this.\r\n\r\nh1. More-Tab barColor\r\nThe above is also true for the nav bar, which is clear red instead of translucent like on the other tabs (screenshots A and B).\r\n\r\nh1. More-Tab edit-dialog barColor\r\nWhen you press the *Edit* button on the *More* tab, you will see that the nav bar for the modal window that pops up is grey-ish (screenshot C), instead of the red I've set on the tab group. Again, I could not find a way to change this.\r\n\r\nh1. More-Tab navTintColor\r\nIf you go to one of the tabs you find under the *More* tab, you'll see the back arrow is white (screenshot D) because I've set the {{navTintColor}} of all windows to green. Now when you return to the *More* tab by pressing that arrow, you'll notice the *Edit* button of the *More* tab now also changed to white (screenshot E and compare B)! You would think you can set {{navTintColor}} on the {{TabGroup}} as well, but this has no effect. On the other hand, when you set {{tintColor}} it does change the *Edit* button's color, but also the color of the active tab's icon, all icons in the *Edit* window that are currently not in the tab bar, as well as the *Done* button on that window (screenshot F). And since we cannot change the {{barColor}} of that *Edit* window, this leaves you with a lot of white-on-white.\r\n\r\nh1. More-Tab title\r\nThe color of the nav bar titles nicely changes to white when you set {{UIStatusBarStyle}} to {{UIStatusBarStyleLightContent}}. However, only on the *More* tab the title will still be black and I cannot see how to change this (screenshot G).", "attachment": [ { "id": "43034", "filename": "ScreenshotA.png", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2013-10-09T15:18:14.000+0000", "size": 31592, "mimeType": "image/png" }, { "id": "43035", "filename": "ScreenshotB.png", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2013-10-09T15:18:14.000+0000", "size": 59767, "mimeType": "image/png" }, { "id": "43036", "filename": "ScreenshotC.png", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2013-10-09T15:18:14.000+0000", "size": 41384, "mimeType": "image/png" }, { "id": "43069", "filename": "ScreenshotD.png", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2013-10-10T06:38:31.000+0000", "size": 32920, "mimeType": "image/png" }, { "id": "43070", "filename": "ScreenshotE.png", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2013-10-10T06:38:42.000+0000", "size": 59523, "mimeType": "image/png" }, { "id": "43071", "filename": "ScreenshotF.png", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2013-10-10T06:38:53.000+0000", "size": 26086, "mimeType": "image/png" }, { "id": "43072", "filename": "ScreenshotG.png", "author": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "created": "2013-10-10T07:43:24.000+0000", "size": 45337, "mimeType": "image/png" } ], "flagged": false, "summary": "iOS7: Can't style more-tab same as other tabs", "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.1.3.GA\r\niOS 7.0.2 on device (4S) and simulator", "closedSprints": [ { "id": 50, "state": "closed", "name": "2014 Sprint 09 Tooling", "startDate": "2014-04-28T15:43:24.381Z", "endDate": "2014-05-10T03:44:00.000Z", "completeDate": "2014-05-12T13:36:16.254Z", "originBoardId": 113 }, { "id": 104, "state": "closed", "name": "2014 Sprint 10 SDK", "startDate": "2014-05-12T16:00:00.000Z", "endDate": "2014-05-24T00:00:00.000Z", "completeDate": "2014-05-27T18:11:47.424Z", "originBoardId": 114 } ], "comment": { "comments": [ { "id": "296815", "author": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "body": "We don't have enough bandwidth in 3.2.3, so saving this for 3.3.0.", "updateAuthor": { "name": "ingo", "key": "ingo", "displayName": "Ingo Muschenetz", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2014-03-12T17:34:35.000+0000", "updated": "2014-03-12T17:34:35.000+0000" }, { "id": "303681", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Expose titleAttributes, navTintColor and translucent in addition to the current property barColor on the tabGroup to control the \"MORE\" navigation controller. \r\nTest case\r\n{code}\r\nTi.UI.backgroundColor = '#0F0';\r\n \r\nvar tabGroup = Titanium.UI.createTabGroup({\r\n orientationModes:[1,2,3,4],\r\n barColor: '#FF0000',\r\n navTintColor: '#FFFFFF',\r\n titleAttributes:{color:'white'},\r\n});\r\n \r\nfunction createTab(nr) {\r\n \r\n var win = Titanium.UI.createWindow({\r\n backgroundColor: '#fff',\r\n title: 'Window ' + nr,\r\n barColor: '#FF0000',\r\n navTintColor: '#FFFFFF',\r\n titleAttributes:{color:'white'},\r\n });\r\n\r\n if(nr%2 == 0) {\r\n win.barColor = '#00FF00'\r\n win.titleAttributes = {color:'blue'}\r\n }\r\n \r\n var label = Titanium.UI.createLabel({\r\n text: 'Label ' + nr\r\n });\r\n \r\n win.add(label);\r\n \r\n var tab = Titanium.UI.createTab({\r\n icon: 'KS_nav_views.png',\r\n title: 'Tab ' + nr,\r\n window: win\r\n });\r\n \r\n return tab;\r\n}\r\n \r\nfor (var i = 1; i <= 10; i++) {\r\n tabGroup.addTab(createTab(i));\r\n}\r\n \r\ntabGroup.open();\r\n{code}\r\n", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2014-05-06T18:15:43.000+0000", "updated": "2014-05-06T18:15:43.000+0000" }, { "id": "303682", "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/5664", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2014-05-06T18:16:19.000+0000", "updated": "2014-05-06T18:16:19.000+0000" }, { "id": "305337", "author": { "name": "sdowse", "key": "sdowse", "displayName": "Samuel Dowse", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Verified fixed on:\r\nMac OSX 10.9.3\r\nAppcelerator Studio, build: 3.3.0.201405121247\r\nTitanium SDK, build: 3.3.0.v20140516120912\r\nTitanium CLI, build: 3.3.0-dev\r\nAlloy: 1.4.0-alpha\r\n\r\n'More' tab correctly styled using test code provided by Vishal.\r\nClosing.", "updateAuthor": { "name": "sdowse", "key": "sdowse", "displayName": "Samuel Dowse", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2014-05-16T19:36:36.000+0000", "updated": "2014-05-16T19:36:36.000+0000" } ], "maxResults": 5, "total": 5, "startAt": 0 } } }