{ "id": "127011", "key": "TIMOB-16547", "fields": { "issuetype": { "id": "4", "description": "An improvement or enhancement to an existing feature or task.", "name": "Improvement", "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": "16997", "name": "Release 5.2.0", "archived": false, "released": true, "releaseDate": "2016-02-23" } ], "resolution": { "id": "1", "description": "A fix for this issue is checked into the tree and tested.", "name": "Fixed" }, "resolutiondate": "2016-02-10T18:05:46.000+0000", "created": "2014-03-02T19:39:55.000+0000", "priority": { "name": "High", "id": "2" }, "labels": [ "backgroundColor", "color", "ios", "picker", "qe-5.2.0" ], "versions": [ { "id": "17072", "name": "Release 5.1.2", "archived": false, "released": true, "releaseDate": "2016-01-12" } ], "issuelinks": [], "assignee": { "name": "hknoechel", "key": "hansknoechel", "displayName": "Hans Knöchel", "active": true, "timeZone": "Europe/Berlin" }, "updated": "2016-02-10T23:39:38.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": "10224", "name": "TiAPI", "description": "This component is used for cross-platform API work. Specifications are most likely to use this component." } ], "description": "The backgroundColor of the Picker control on iOS is hardcoded to white:\r\n\r\nhttps://github.com/appcelerator/titanium_mobile/blob/master/iphone/Classes/TiUIPicker.m#L64\r\n\r\nThis becomes a problem when designing dark themed apps, that would need to reverse the colors of the picker (light colored text over dark background).\r\n\r\nIdeally, color and backgroundColor should be exposed through properties of the Ti Picker control.", "attachment": [ { "id": "58167", "filename": "Simulator Screen Shot 09.02.2016, 17.05.18.png", "author": { "name": "hknoechel", "key": "hansknoechel", "displayName": "Hans Knöchel", "active": true, "timeZone": "Europe/Berlin" }, "created": "2016-02-09T16:11:57.000+0000", "size": 56166, "mimeType": "image/png" }, { "id": "46273", "filename": "white_picker.jpg", "author": { "name": "bcproductions", "key": "bcproductions", "displayName": "Ed", "active": true, "timeZone": "America/Havana" }, "created": "2014-03-02T19:39:55.000+0000", "size": 14644, "mimeType": "image/jpeg" } ], "flagged": false, "summary": "iOS: Add ability to set color and backgroundColor for Picker control", "creator": { "name": "bcproductions", "key": "bcproductions", "displayName": "Ed", "active": true, "timeZone": "America/Havana" }, "subtasks": [], "reporter": { "name": "bcproductions", "key": "bcproductions", "displayName": "Ed", "active": true, "timeZone": "America/Havana" }, "environment": "iOS 7, SDK 3.2.1GA ", "comment": { "comments": [ { "id": "295470", "author": { "name": "ragrawal", "key": "ragrawal", "displayName": "Ritu Agrawal", "active": true, "timeZone": "America/Los_Angeles" }, "body": "iOS Human Interface Guidelins does not provide much direction about the color or backgroundColor for the picker control except the following statement:\n\n- Uses dark text to display the current value in the middle of the view (https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/MobileHIG.pdf)\n\nMoving this feature request to engineering for further evaluation and prioritization.\n", "updateAuthor": { "name": "ragrawal", "key": "ragrawal", "displayName": "Ritu Agrawal", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2014-03-04T06:38:23.000+0000", "updated": "2014-03-04T06:38:23.000+0000" }, { "id": "356522", "author": { "name": "hknoechel", "key": "hansknoechel", "displayName": "Hans Knöchel", "active": true, "timeZone": "Europe/Berlin" }, "body": "iOS7+ supports the backgroundColor-property which has a default value of UIColor().clearColor. Titanium default is UIColor().whiteColor. Will resolve this asap!", "updateAuthor": { "name": "hknoechel", "key": "hansknoechel", "displayName": "Hans Knöchel", "active": true, "timeZone": "Europe/Berlin" }, "created": "2015-07-01T08:42:56.000+0000", "updated": "2015-07-01T08:42:56.000+0000" }, { "id": "376340", "author": { "name": "hknoechel", "key": "hansknoechel", "displayName": "Hans Knöchel", "active": true, "timeZone": "Europe/Berlin" }, "body": "**Please do not merge, yet**\r\n\r\nThe following PR includes support for setting the {{backgroundColor}} property of the picker, the color of normal picker cells itself can be set inside their cells, a tinting for time- and datetime-pickers is now possible using the {{dateTimeColor}} property.\r\n\r\nPR (master): https://github.com/appcelerator/titanium_mobile/pull/7690\r\nPR (5_2_X): https://github.com/appcelerator/titanium_mobile/pull/7698\r\n\r\nDemo:\r\n{code:javascript}\r\nvar win = Ti.UI.createWindow({\r\n backgroundColor : \"#fff\"\r\n});\r\n\r\nvar picker = Ti.UI.createPicker({\r\n backgroundColor: \"#000\",\r\n dateTimeColor: \"#fff\",\r\n type: Ti.UI.PICKER_TYPE_DATE_AND_TIME\r\n});\r\n\r\nwin.add(picker);\r\nwin.open();\r\n{code}\r\n\r\nResult: http://abload.de/img/simulatorscreenshot090rkkh.png", "updateAuthor": { "name": "hknoechel", "key": "hansknoechel", "displayName": "Hans Knöchel", "active": true, "timeZone": "Europe/Berlin" }, "created": "2016-02-09T15:20:44.000+0000", "updated": "2016-02-10T08:26:56.000+0000" }, { "id": "376557", "author": { "name": "jlongton", "key": "jlongton", "displayName": "Josh Longton", "active": true, "timeZone": "Europe/London" }, "body": "[~hansknoechel] Is this feature only for {{Ti.UI.PICKER_TYPE_DATE_AND_TIME}} or will it work with the custom pickers too ", "updateAuthor": { "name": "jlongton", "key": "jlongton", "displayName": "Josh Longton", "active": true, "timeZone": "Europe/London" }, "created": "2016-02-10T22:49:56.000+0000", "updated": "2016-02-10T22:50:26.000+0000" }, { "id": "376558", "author": { "name": "hknoechel", "key": "hansknoechel", "displayName": "Hans Knöchel", "active": true, "timeZone": "Europe/Berlin" }, "body": "As mentioned above, iOS only allows to tint time- and datetime-pickers. Normal pickers can add a {{Ti.UI.Label}} with a custom color.", "updateAuthor": { "name": "hknoechel", "key": "hansknoechel", "displayName": "Hans Knöchel", "active": true, "timeZone": "Europe/Berlin" }, "created": "2016-02-10T22:52:15.000+0000", "updated": "2016-02-10T22:52:15.000+0000" }, { "id": "376565", "author": { "name": "jlongton", "key": "jlongton", "displayName": "Josh Longton", "active": true, "timeZone": "Europe/London" }, "updateAuthor": { "name": "jlongton", "key": "jlongton", "displayName": "Josh Longton", "active": true, "timeZone": "Europe/London" }, "created": "2016-02-10T23:38:31.000+0000", "updated": "2016-02-10T23:39:15.000+0000" } ], "maxResults": 10, "total": 10, "startAt": 0 } } }