{ "id": "153066", "key": "TIMOB-19960", "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": "17707", "name": "Release 5.3.0", "archived": false, "released": true, "releaseDate": "2016-06-04" } ], "resolution": { "id": "1", "description": "A fix for this issue is checked into the tree and tested.", "name": "Fixed" }, "resolutiondate": "2016-05-03T14:51:41.000+0000", "created": "2015-11-13T08:22:43.000+0000", "priority": { "name": "Medium", "id": "3" }, "labels": [ "qe-5.3.0" ], "versions": [ { "id": "14826", "description": "Release 5.1.0-remaining iOS9 features, Android M features", "name": "Release 5.1.0", "archived": false, "released": true, "releaseDate": "2015-11-20" } ], "issuelinks": [ { "id": "51595", "type": { "id": "10003", "name": "Relates", "inward": "relates to", "outward": "relates to" }, "inwardIssue": { "id": "159411", "key": "TIMOB-23276", "fields": { "summary": "Windows: Unable to change titleColor/activeColor of Ti.UI.Tab", "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": "Medium", "id": "3" }, "issuetype": { "id": "4", "description": "An improvement or enhancement to an existing feature or task.", "name": "Improvement", "subtask": false } } } } ], "assignee": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "updated": "2016-05-04T17:33:04.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": "12642", "name": "Windows", "description": "Windows authoring support" } ], "description": "{{Ti.UI.TabGroup}} and {{Ti.UI.Tab}} for Windows should be able to support background color/image such as {{backgroundColor}} and {{barColor}}.\r\n", "attachment": [], "flagged": false, "summary": "Windows: background color/image for Ti.UI.Tab and TabGroup", "creator": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "subtasks": [], "reporter": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "environment": null, "closedSprints": [ { "id": 536, "state": "closed", "name": "2015 Sprint 25 SDK", "startDate": "2015-12-05T01:30:40.415Z", "endDate": "2015-12-19T01:30:00.000Z", "completeDate": "2015-12-29T03:19:42.127Z", "originBoardId": 114 } ], "comment": { "comments": [ { "id": "372782", "author": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "body": "https://github.com/appcelerator/titanium_mobile_windows/pull/498", "updateAuthor": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2015-12-14T01:47:41.000+0000", "updated": "2015-12-14T01:47:41.000+0000" }, { "id": "384302", "author": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "body": "For testing active tab selected color:\r\n\r\n{code}\r\nvar tabGroup = Titanium.UI.createTabGroup();\r\n\r\ntabGroup.activeTabBackgroundColor = 'red';\r\ntabGroup.activeTabBackgroundSelectedColor = 'cyan';\r\n\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: 'KS_nav_views.png',\r\n title: 'Tab 1',\r\n window: win1\r\n});\r\n\r\nvar label1 = Titanium.UI.createLabel({\r\n color: '#999',\r\n text: 'I am Window 1',\r\n font: { fontSize: 20, fontFamily: 'Helvetica Neue' },\r\n textAlign: 'center',\r\n width: 'auto'\r\n});\r\n\r\nwin1.add(label1);\r\n\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 title: 'Tab 2',\r\n window: win2\r\n});\r\n\r\nvar label2 = Titanium.UI.createLabel({\r\n color: '#999',\r\n text: 'I am Window 2',\r\n font: { fontSize: 20, fontFamily: 'Helvetica Neue' },\r\n textAlign: 'center',\r\n width: 'auto'\r\n});\r\n\r\nwin2.add(label2);\r\ntabGroup.addTab(tab1);\r\ntabGroup.addTab(tab2);\r\n\r\ntabGroup.open();\r\n{code}\r\n\r\nSome properties doesn't work because of platform component ({{Xaml::Control::PivotItem}}) limitation:\r\n\r\n- {{backgroundDisabledColor}} takes no effect for {{Tab}} because native component doesn't change its color if it's disabled\r\n- {{backgroundFocusedColor}} takes no effect for {{Tab}} because native component doesn't get focus event\r\n", "updateAuthor": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2016-04-29T06:21:31.000+0000", "updated": "2016-04-29T06:21:31.000+0000" }, { "id": "384366", "author": { "name": "jlongton", "key": "jlongton", "displayName": "Josh Longton", "active": true, "timeZone": "Europe/London" }, "body": "[~kota] I am able to test these properties but the [docs|http://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.TabGroup-property-tabsBackgroundDisabledColor] state that they are all supported properties.\r\n\r\n||Properties||Working||\r\n|TabGroup.barColor|\t(/)|\r\n|TabGroup.tabsBackgroundColor|\t(/)|\r\n|TabGroup.tabsBackgroundImage|\t(/)|\r\n|TabGroup.tabsBackgroundDisabledColor|(x)|\t\r\n|TabGroup.tabsBackgroundDisabledImage|(x)|\t\r\n|TabGroup.tabsBackgroundFocusedColor|(x)|\t\r\n|TabGroup.tabsBackgroundFocusedImage|(x)|\t\r\n|TabGroup.tabsBackgroundSelectedColor|(x)|\t\r\n|TabGroup.tabsBackgroundSelectedImage|(x)|\t\r\n|TabGroup.activeTabBackgroundColor|\t(/)|\r\n|TabGroup.activeTabBackgroundImage|\t(/)|\r\n|TabGroup.activeTabBackgroundDisabledColor|(x)|\r\n|TabGroup.activeTabBackgroundDisabledImage|(x)|\r\n|TabGroup.activeTabBackgroundFocusedColor|(x)|\t\r\n|TabGroup.activeTabBackgroundFocusedImage|(x)|\t\r\n|TabGroup.activeTabBackgroundSelectedColor|(x)|\t\r\n|TabGroup.activeTabBackgroundSelectedImage|(x)|\t\r\n|Tab.backgroundDisabledColor|(x)|\t\r\n|Tab.backgroundDisabledImage|(x)|\t\r\n|Tab.backgroundFocusedColor|(x)|\t\r\n|Tab.backgroundFocusedImage|(x)|\t\r\n|Tab.backgroundImage|\t(/)|\r\n|Tab.backgroundSelectedImage|(x)|\t\r\n|Tab.backgroundColor|\t(/)|\r\n\r\n\r\n ", "updateAuthor": { "name": "jlongton", "key": "jlongton", "displayName": "Josh Longton", "active": true, "timeZone": "Europe/London" }, "created": "2016-04-29T18:57:03.000+0000", "updated": "2016-04-29T18:57:03.000+0000" }, { "id": "384371", "author": { "name": "wluu", "key": "wluu", "displayName": "Wilson Luu", "active": false, "timeZone": "America/Los_Angeles" }, "body": "[~kota], I am fairly confused about the intent of this ticket. \r\n\r\nThis ticket seems like it's a fix for Windows Tab/TabGroup background color/image, which Josh has shown above. However, as indicated by Josh's table, the PR contains implementation for disabled, focused, and selected color/image properties, but they do not work and contradicts what we have documented here: [doc|http://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.TabGroup-property-tabsBackgroundDisabledColor]\r\n\r\nWill reopen this ticket.\r\n\r\n\r\n", "updateAuthor": { "name": "wluu", "key": "wluu", "displayName": "Wilson Luu", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2016-04-29T19:11:52.000+0000", "updated": "2016-04-29T19:11:52.000+0000" }, { "id": "384549", "author": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "body": "Yeah, so some properties doesn't work because of platform limitations. Documentation needs to be updated, will push soon.", "updateAuthor": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2016-05-03T07:54:12.000+0000", "updated": "2016-05-03T07:54:12.000+0000" }, { "id": "384552", "author": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "body": "[~jlongton] I think BackgroundSelectedColor/Image should work. Note that \"selected color\" works when you select Tab Window (tab content). What's confusing here I think is that background color is exclusive state, for example when {{tabsBackgroundSelectedColor}} and {{activeTabBackgroundSelectedColor}} are set, {{tabsBackgroundSelectedColor}} takes no effect on active tab because there's {{activeTabBackgroundSelectedColor}}. \r\n\r\n{code}\r\nvar tabGroup = Titanium.UI.createTabGroup();\r\n\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: 'KS_nav_views.png',\r\n title: 'Tab 1',\r\n window: win1\r\n});\r\n\r\nvar label1 = Titanium.UI.createLabel({\r\n color: '#999',\r\n text: 'I am Window 1',\r\n font: { fontSize: 20, fontFamily: 'Helvetica Neue' },\r\n textAlign: 'center',\r\n width: 'auto'\r\n});\r\n\r\nwin1.add(label1);\r\n\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 title: 'Tab 2',\r\n window: win2\r\n});\r\n\r\nvar label2 = Titanium.UI.createLabel({\r\n color: '#999',\r\n text: 'I am Window 2',\r\n font: { fontSize: 20, fontFamily: 'Helvetica Neue' },\r\n textAlign: 'center',\r\n width: 'auto'\r\n});\r\n\r\nwin2.add(label2);\r\ntabGroup.addTab(tab1);\r\ntabGroup.addTab(tab2);\r\n\r\n//tabGroup.tabsBackgroundSelectedColor = 'blue';\r\ntabGroup.activeTabBackgroundColor = 'red';\r\ntabGroup.activeTabBackgroundSelectedColor = 'cyan';\r\n\r\ntabGroup.open();\r\n{code}\r\n\r\nAs far as I see {{selected}} property does work, so final table goes like this:\r\n\r\n||Properties||Working||\r\n|TabGroup.barColor|\t(/)|\r\n|TabGroup.tabsBackgroundColor|\t(/)|\r\n|TabGroup.tabsBackgroundImage|\t(/)|\r\n|TabGroup.tabsBackgroundDisabledColor|(x)|\t\r\n|TabGroup.tabsBackgroundDisabledImage|(x)|\t\r\n|TabGroup.tabsBackgroundFocusedColor|(x)|\t\r\n|TabGroup.tabsBackgroundFocusedImage|(x)|\t\r\n|TabGroup.tabsBackgroundSelectedColor|(/)|\t\r\n|TabGroup.tabsBackgroundSelectedImage|(/)|\t\r\n|TabGroup.activeTabBackgroundColor|\t(/)|\r\n|TabGroup.activeTabBackgroundImage|\t(/)|\r\n|TabGroup.activeTabBackgroundDisabledColor|(x)|\r\n|TabGroup.activeTabBackgroundDisabledImage|(x)|\r\n|TabGroup.activeTabBackgroundFocusedColor|(x)|\t\r\n|TabGroup.activeTabBackgroundFocusedImage|(x)|\t\r\n|TabGroup.activeTabBackgroundSelectedColor|(/)|\t\r\n|TabGroup.activeTabBackgroundSelectedImage|(/)|\t\r\n|Tab.backgroundDisabledColor|(x)|\t\r\n|Tab.backgroundDisabledImage|(x)|\t\r\n|Tab.backgroundFocusedColor|(x)|\t\r\n|Tab.backgroundFocusedImage|(x)|\t\r\n|Tab.backgroundImage|\t(/)|\r\n|Tab.backgroundSelectedColor|(/)|\t\r\n|Tab.backgroundSelectedImage|(/)|\t\r\n|Tab.backgroundColor|\t(/)|\r\n\r\n", "updateAuthor": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2016-05-03T08:30:42.000+0000", "updated": "2016-05-03T08:31:08.000+0000" }, { "id": "384570", "author": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "body": "https://github.com/appcelerator/titanium_mobile_windows/pull/661\r\nhttps://github.com/appcelerator/titanium_mobile_windows/pull/662", "updateAuthor": { "name": "kiguchi", "key": "kota", "displayName": "Kota Iguchi", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2016-05-03T11:04:25.000+0000", "updated": "2016-05-03T11:04:25.000+0000" }, { "id": "384594", "author": { "name": "cwilliams", "key": "cwilliams", "displayName": "Christopher Williams", "active": true, "timeZone": "America/New_York" }, "body": "Merged the doc-only PRs. They removed the *Disabled* and *Focused* Tab properties from our supported list.", "updateAuthor": { "name": "cwilliams", "key": "cwilliams", "displayName": "Christopher Williams", "active": true, "timeZone": "America/New_York" }, "created": "2016-05-03T14:51:41.000+0000", "updated": "2016-05-03T14:51:41.000+0000" }, { "id": "384616", "author": { "name": "jlongton", "key": "jlongton", "displayName": "Josh Longton", "active": true, "timeZone": "Europe/London" }, "body": "Verified as fixed\r\nTested on:\r\nNokia Lumia 928 (8.1) \r\nWindows Simulator (8.1) \r\nMicrosoft Lumia 640 (10) \r\nWindows Simulator (10) \r\nWindows 10 \r\nStudio: 4.6.0.201604290815\r\nTi SDK: 5.3.0.v20160502145620\r\nAppc NPM: 4.2.5-5 \r\nApp CLI: 5.3.0-42 \r\nNode v4.4.3\r\n\r\n*Closing Ticket.*", "updateAuthor": { "name": "jlongton", "key": "jlongton", "displayName": "Josh Longton", "active": true, "timeZone": "Europe/London" }, "created": "2016-05-03T17:33:22.000+0000", "updated": "2016-05-03T17:33:22.000+0000" } ], "maxResults": 9, "total": 9, "startAt": 0 } } }