{ "id": "118907", "key": "TIMOB-14936", "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": "15646", "description": "2013 Sprint 18", "name": "2013 Sprint 18", "archived": true, "released": true, "releaseDate": "2013-09-06" }, { "id": "15690", "description": "2013 Sprint 18 API", "name": "2013 Sprint 18 API", "archived": true, "released": true, "releaseDate": "2013-09-06" }, { "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-08-28T17:42:07.000+0000", "created": "2013-08-22T13:42:19.000+0000", "priority": { "name": "High", "id": "2" }, "labels": [ "ios7", "module_tabgroup", "qe-closed-3.1.3", "qe-testadded" ], "versions": [], "issuelinks": [ { "id": "31244", "type": { "id": "10003", "name": "Relates", "inward": "relates to", "outward": "relates to" }, "outwardIssue": { "id": "115799", "key": "TIMOB-14182", "fields": { "summary": "iOS7: Update SDK to support building/running apps for iOS 7", "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" } }, "priority": { "name": "High", "id": "2" }, "issuetype": { "id": "6", "description": "gh.issue.epic.desc", "name": "Epic", "subtask": false } } } } ], "assignee": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "updated": "2014-07-30T01:28: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": "According to ios7 UIKit User Interface Catalog under Tab Bars:\r\nEach item in a tab bar can have a custom selected image and unselected image. You can specify these images when you initialize a tab bar item using the initWithTitle:image:selectedImage: method.\r\n\r\nWhen you look at the bundled ios7 apps from Apple, you'll notice that they use outline icons for the unselected tabs, and then the icon subtly changes to a new image for the selected tab. This is an important feature of ios7 tabs.\r\n\r\nsdk 3.1.2 has properties for icon and activeIcon, though the activeIcon doesn't work. If you specify the activeIcon, then you get a non-tinted icon that acts as both the icon and activeIcon. In effect, you never see the activeIcon image, just the icon without tinting.\r\n\r\nIdeally there would be icon and selectedIcon properties and let ios7 do the coloring/tinting.\r\n\r\n{code:javascript}\r\n// In this screenshot for the code using a new project, \r\n// the icon and activeIcon properties are set on the first two tabs. \r\n// The first tab is selected and should have the activeIcon, it shows the icon.\r\n// Tab 3 is showing the selected image for reference and it does not have activeIcon set.\r\n\r\n\r\n// this sets the background color of the master UIView (when there are no windows/tab groups on it)\r\nTitanium.UI.setBackgroundColor('#000');\r\n\r\n// create tab group\r\nvar tabGroup = Titanium.UI.createTabGroup();\r\n\r\n// create base UI tab and root window\r\nvar win1 = Titanium.UI.createWindow({ \r\n title:'Tab 1',\r\n backgroundColor:'#fff'\r\n});\r\nvar tab1 = Titanium.UI.createTab({ \r\n icon:'tab-groups.png',\r\n activeIcon:'tab-groups-selected.png',\r\n title:'Tab 1',\r\n window:win1\r\n});\r\n\r\n// create controls tab and root window\r\nvar win2 = Titanium.UI.createWindow({ \r\n title:'Tab 2',\r\n backgroundColor:'#fff'\r\n});\r\nvar tab2 = Titanium.UI.createTab({\r\n icon:'tab-groups.png',\r\n activeIcon:'tab-groups-selected.png',\r\n title:'Tab 2',\r\n window:win2\r\n});\r\n\r\nvar win3 = Titanium.UI.createWindow({\r\n title:'Tab 2',\r\n backgroundColor:'#fff'\r\n});\r\nvar tab3 = Titanium.UI.createTab({\r\n icon:'tab-groups-selected.png',\r\n title:'Tab 3',\r\n window:win3\r\n});\r\n\r\n// add tabs\r\ntabGroup.addTab(tab1); \r\ntabGroup.addTab(tab2); \r\ntabGroup.addTab(tab3);\r\n\r\n// open tab group\r\ntabGroup.open();\r\n{code}", "attachment": [ { "id": "41801", "filename": "iOS Simulator Screen shot Aug 22, 2013 9.36.10 AM.png", "author": { "name": "devmatt", "key": "devmatt", "displayName": "Matt Raj", "active": true, "timeZone": "America/New_York" }, "created": "2013-08-22T13:42:19.000+0000", "size": 21286, "mimeType": "image/png" } ], "flagged": false, "summary": "iOS7: Titanium.UI.Tab icon and activeIcon issue and proposed selectedIcon", "creator": { "name": "devmatt", "key": "devmatt", "displayName": "Matt Raj", "active": true, "timeZone": "America/New_York" }, "subtasks": [], "reporter": { "name": "devmatt", "key": "devmatt", "displayName": "Matt Raj", "active": true, "timeZone": "America/New_York" }, "environment": "ios7", "comment": { "comments": [ { "id": "268309", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Test Code\r\n{code}\r\nvar tabGroup = Titanium.UI.createTabGroup(\r\n{\r\n backgroundColor:'white',\r\n activeTabIconTint: 'red', //FOR IOS 5 & 6\r\n tabsTintColor:'red' //FOR IOS 7\r\n});\r\nvar win1 = Titanium.UI.createWindow();\r\nvar tab1 = Titanium.UI.createTab({\r\n window:win1,\r\n icon:'images/chat.png',\r\n activeIcon:'images/send_selected.png',\r\n title:'tab1',\r\n iconIsMask:false,\r\n activeIconIsMask:false\r\n});\r\n \r\nvar win2 = Titanium.UI.createWindow();\r\nvar tab2 = Titanium.UI.createTab({\r\n icon:'images/tabs/KS_nav_views.png',\r\n title:'tab2',\r\n window:win2\r\n});\r\n \r\nvar win3 = Titanium.UI.createWindow();\r\nvar tab3 = Titanium.UI.createTab({\r\n window:win3,\r\n icon:'images/tabs/KS_nav_views.png',\r\n activeIcon:'images/send_selected.png',\r\n title:'tab3',\r\n iconIsMask:false,\r\n activeIconIsMask:false\r\n});\r\n \r\nvar win4 = Titanium.UI.createWindow();\r\nvar tab4 = Titanium.UI.createTab({\r\n window:win4,\r\n icon:'images/tabs/KS_nav_views.png',\r\n activeIcon:'images/send_selected.png',\r\n title:'tab3',\r\n activeIconIsMask:false\r\n});\r\n \r\ntabGroup.addTab(tab1);\r\ntabGroup.addTab(tab2);\r\ntabGroup.addTab(tab3);\r\ntabGroup.addTab(tab4);\r\ntabGroup.open();\r\n{code}", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2013-08-27T08:40:16.000+0000", "updated": "2013-08-28T17:00:02.000+0000" }, { "id": "268314", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Pull pending against master\r\n\r\nhttps://github.com/appcelerator/titanium_mobile/pull/4607\r\n\r\nChange Log:\r\nNew property on tabGroup - tabsTintColor\r\nicon and activeIcon can now be specified to be rendered in original or template mode on IOS7+. Properties iconIsMask, activeIconIsMask. Default - true\r\n\r\nKnown Issue:\r\n1. On IOS7+ activeTabIconTint property of tabGroup is not being honored. No idea why. tabsTintColor seems to work better (though it tints the title as well and works on active tab only though the docs say it should apply to all tabs.)\r\n\r\nDocs will be updated along with the windowRefactor doc PR.", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2013-08-27T08:58:02.000+0000", "updated": "2013-08-28T17:00:36.000+0000" }, { "id": "268630", "author": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Backport PR https://github.com/appcelerator/titanium_mobile/pull/4613", "updateAuthor": { "name": "vduggal", "key": "vduggal", "displayName": "Vishal Duggal", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2013-08-28T17:10:44.000+0000", "updated": "2013-08-28T17:10:44.000+0000" }, { "id": "268747", "author": { "name": "oromero", "key": "oromero", "displayName": "Olga Romero", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Tested the above code with Images folder from KS.\nVerified the fix with:\n\nMac osx 10.8.4 Mountain Lion\nAppcelerator Studio, build: 3.1.3.201308252005\nTitanium SDK, build:3.1.3.v20130828104626\nalloy:1.2.1\nCLI:3.1.2\nXcode5-DP6\nKS 3_1_X branch\nDevices:\nIpad4 iOS 7 beta6(11A4449d)\niPnone5 iOS 7 beta6", "updateAuthor": { "name": "oromero", "key": "oromero", "displayName": "Olga Romero", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-08-28T22:12:19.000+0000", "updated": "2013-08-28T22:12:19.000+0000" }, { "id": "286482", "author": { "name": "sko", "key": "sko", "displayName": "Matej", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Vishal Duggal, so what I can do if I want to change color on all tabs ,but tabsTinColor doesn't work properly...?", "updateAuthor": { "name": "sko", "key": "sko", "displayName": "Matej", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2014-01-02T14:36:03.000+0000", "updated": "2014-01-02T14:36:03.000+0000" }, { "id": "316236", "author": { "name": "underlabs", "key": "underlabs", "displayName": "Joseph Sachs", "active": true, "timeZone": "America/Montreal" }, "body": "tabsTintColor is not being honored... for some reason all icons are set to: #929292", "updateAuthor": { "name": "underlabs", "key": "underlabs", "displayName": "Joseph Sachs", "active": true, "timeZone": "America/Montreal" }, "created": "2014-07-30T01:28:21.000+0000", "updated": "2014-07-30T01:28:21.000+0000" } ], "maxResults": 6, "total": 6, "startAt": 0 } } }