{ "id": "174240", "key": "TIMOB-27460", "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": "20033", "name": "Release 9.0.0", "archived": false, "released": true, "releaseDate": "2020-03-18" } ], "resolution": { "id": "1", "description": "A fix for this issue is checked into the tree and tested.", "name": "Fixed" }, "resolutiondate": "2019-12-10T15:38:41.000+0000", "created": "2019-10-10T09:55:21.000+0000", "priority": { "name": "High", "id": "2" }, "labels": [ "engSchedule", "regression" ], "versions": [ { "id": "20827", "name": "Release 8.2.0", "archived": false, "released": true, "releaseDate": "2019-09-19" } ], "issuelinks": [ { "id": "57916", "type": { "id": "10002", "name": "Duplicate", "inward": "is duplicated by", "outward": "duplicates" }, "inwardIssue": { "id": "174344", "key": "TIMOB-27533", "fields": { "summary": "iOS: TabbedBar backgroundColor is not working with latest SDK ", "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": "None", "id": "6" }, "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "subtask": false } } } } ], "assignee": { "name": "vijaysingh", "key": "vijaysingh", "displayName": "Vijay Singh", "active": true, "timeZone": "America/Los_Angeles" }, "updated": "2019-12-10T15:38:41.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": "With iOS 13 the styling of the {{UISegmentedControl}} significantly changed. Previously the color of the selected element and the border color could simply be set with {{tintColor}}. Now this requires a combination of {{backgroundColor}} / {{selectedSegmentTintColor}} / {{setTitleTextAttributes}} and manual settings for borders using the underlying {{layer}}.\r\n\r\nSee also https://stackoverflow.com/a/56874473/1168989\r\n\r\n*Steps to reproduce the behavior*\r\n{code:js}\r\nconst win = Ti.UI.createWindow({\r\n\tbackgroundColor: 'black'\r\n});\r\nvar test = Ti.UI.createTabbedBar({\r\n\tlabels: [ '1', '2', '3', 'AUTO' ],\r\n\ttintColor: 'white'\r\n});\r\nwin.add(test);\r\nwin.open();\r\n{code}\r\n\r\n*Actual behavior*\r\nThe controls has no border and unselected elements are barely visible. !Schermata 2019-10-10 alle 11.21.28.png|thumbnail! \r\n\r\n*Expected behavior*\r\nThe control has a border and unselected element are colored according to {{tintColor}}. !Schermata 2019-10-10 alle 11.21.24.png|thumbnail! ", "attachment": [ { "id": "67041", "filename": "Schermata 2019-10-10 alle 11.21.24.png", "author": { "name": "jvennemann", "key": "jvennemann", "displayName": "Jan Vennemann", "active": true, "timeZone": "Europe/Berlin" }, "created": "2019-10-10T10:01:36.000+0000", "size": 18445, "mimeType": "image/png" }, { "id": "67040", "filename": "Schermata 2019-10-10 alle 11.21.28.png", "author": { "name": "jvennemann", "key": "jvennemann", "displayName": "Jan Vennemann", "active": true, "timeZone": "Europe/Berlin" }, "created": "2019-10-10T10:01:20.000+0000", "size": 17635, "mimeType": "image/png" } ], "flagged": false, "summary": "iOS: tintColor not working for TabbedBar/ButtonBar on iOS 13", "creator": { "name": "jvennemann", "key": "jvennemann", "displayName": "Jan Vennemann", "active": true, "timeZone": "Europe/Berlin" }, "subtasks": [], "reporter": { "name": "nicolomonili", "key": "nicolomonili", "displayName": "nicolomonili", "active": true, "timeZone": "Europe/Rome" }, "environment": null, "comment": { "comments": [ { "id": "452544", "author": { "name": "nicolomonili", "key": "nicolomonili", "displayName": "nicolomonili", "active": true, "timeZone": "Europe/Rome" }, "body": "There are updates?", "updateAuthor": { "name": "nicolomonili", "key": "nicolomonili", "displayName": "nicolomonili", "active": true, "timeZone": "Europe/Rome" }, "created": "2019-11-08T08:24:37.000+0000", "updated": "2019-11-13T08:51:15.000+0000" }, { "id": "452655", "author": { "name": "vijaysingh", "key": "vijaysingh", "displayName": "Vijay Singh", "active": true, "timeZone": "America/Los_Angeles" }, "body": "PR - https://github.com/appcelerator/titanium_mobile/pull/11329\r\n\r\n1. I think we should not change the default behavior of native UiSegmentControl for iOS 13. In iOS 12 it comes with border but in iOS 13 it do not have border.\r\n2. I have modified the tintColor implementation to set the normal text color (tintColor), selected text color(inverse of tintColor), and selectedButtonColor (tintColor). In most of the cases this will work fine for iOS 13.\r\n3. To add more customization on TabbedBar I have exposed new APIs-\r\n textColor, selectedTextColor, selectedButtonColor\r\n\r\n[~nicolomonili] [~topener] If you guys agree, I'll add documentation for new APIs\r\n\r\nTest Case 1 (tinColor) -\r\n\r\n{code:java}\r\nconst win = Ti.UI.createWindow({\r\n\tbackgroundColor: 'black'\r\n});\r\nvar test = Ti.UI.createTabbedBar({\r\n\tlabels: [ '1', '2', '3', 'AUTO' ],\r\n\ttintColor: 'red',\r\n\tbackgroundColor: 'yellow'\r\n});\r\nwin.add(test);\r\nwin.open();\r\n{code}\r\n\r\n\r\nTest Case 2 (new properties) - \r\n\r\n{code:java}\r\nconst win = Ti.UI.createWindow({\r\n\tbackgroundColor: 'black'\r\n});\r\nvar test = Ti.UI.createTabbedBar({\r\n\tlabels: [ '1', '2', '3', 'AUTO' ],\r\n\tbackgroundColor: 'white',\r\n\ttextColor: 'red',\r\n\tselectedTextColor: 'green',\r\n\tselectedButtonColor: 'red',\r\n});\r\nwin.add(test);\r\nwin.open();\r\n{code}\r\n", "updateAuthor": { "name": "vijaysingh", "key": "vijaysingh", "displayName": "Vijay Singh", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-11-13T23:00:06.000+0000", "updated": "2019-11-14T19:18:05.000+0000" }, { "id": "452666", "author": { "name": "topener", "key": "topener", "displayName": "Rene Pot", "active": true, "timeZone": "Europe/Berlin" }, "body": "Sounds good to me! We should not mimic things that don't exist anymore, and giving more options is even better! ", "updateAuthor": { "name": "topener", "key": "topener", "displayName": "Rene Pot", "active": true, "timeZone": "Europe/Berlin" }, "created": "2019-11-14T09:36:21.000+0000", "updated": "2019-11-14T09:36:21.000+0000" }, { "id": "452670", "author": { "name": "nicolomonili", "key": "nicolomonili", "displayName": "nicolomonili", "active": true, "timeZone": "Europe/Rome" }, "body": "Ok !", "updateAuthor": { "name": "nicolomonili", "key": "nicolomonili", "displayName": "nicolomonili", "active": true, "timeZone": "Europe/Rome" }, "created": "2019-11-14T10:48:12.000+0000", "updated": "2019-11-14T10:48:12.000+0000" }, { "id": "452936", "author": { "name": "smohammed", "key": "smohammed", "displayName": "Samir Mohammed", "active": true, "timeZone": "America/Los_Angeles" }, "body": "FR Passed, Waiting on Jenkins build.", "updateAuthor": { "name": "smohammed", "key": "smohammed", "displayName": "Samir Mohammed", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-11-27T15:47:45.000+0000", "updated": "2019-11-27T15:47:45.000+0000" }, { "id": "452989", "author": { "name": "lchoudhary", "key": "lchoudhary", "displayName": "Lokesh Choudhary", "active": true, "timeZone": "America/Los_Angeles" }, "body": "PR Merged.", "updateAuthor": { "name": "lchoudhary", "key": "lchoudhary", "displayName": "Lokesh Choudhary", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-12-03T00:01:20.000+0000", "updated": "2019-12-03T00:01:20.000+0000" }, { "id": "453047", "author": { "name": "nicolomonili", "key": "nicolomonili", "displayName": "nicolomonili", "active": true, "timeZone": "Europe/Rome" }, "body": "This fix could be added in a possible 8.3.x ?", "updateAuthor": { "name": "nicolomonili", "key": "nicolomonili", "displayName": "nicolomonili", "active": true, "timeZone": "Europe/Rome" }, "created": "2019-12-06T08:44:23.000+0000", "updated": "2019-12-06T08:44:23.000+0000" }, { "id": "453060", "author": { "name": "smohammed", "key": "smohammed", "displayName": "Samir Mohammed", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Fix verified in SDK version 9.0.0.v20191204090836\r\n\r\nTest and other information an be found at:\r\nhttps://github.com/appcelerator/titanium_mobile/pull/11329", "updateAuthor": { "name": "smohammed", "key": "smohammed", "displayName": "Samir Mohammed", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2019-12-06T16:39:49.000+0000", "updated": "2019-12-06T16:39:49.000+0000" }, { "id": "453130", "author": { "name": "ssaddique", "key": "ssaddique", "displayName": "Sohail Saddique", "active": true, "timeZone": "Europe/London" }, "body": "Fix verified on version: 9.0.0.v20191209135132\r\n\r\nTicket closed.", "updateAuthor": { "name": "ssaddique", "key": "ssaddique", "displayName": "Sohail Saddique", "active": true, "timeZone": "Europe/London" }, "created": "2019-12-10T15:38:26.000+0000", "updated": "2019-12-10T15:38:26.000+0000" } ], "maxResults": 15, "total": 15, "startAt": 0 } } }