{ "id": "136186", "key": "TIMOB-17957", "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": [], "resolution": null, "resolutiondate": null, "created": "2014-09-06T00:31:26.000+0000", "priority": { "name": "None", "id": "6" }, "labels": [ "TCSupport", "reprod" ], "versions": [ { "id": "15422", "description": "Release 3.3.0", "name": "Release 3.3.0", "archived": false, "released": true, "releaseDate": "2014-07-16" }, { "id": "15972", "description": "Release 3.4.0", "name": "Release 3.4.0", "archived": false, "released": true, "releaseDate": "2014-09-28" } ], "issuelinks": [], "assignee": null, "updated": "2018-02-28T20:03:50.000+0000", "status": { "description": "The issue is open and ready for the assignee to start work on it.", "name": "Open", "id": "1", "statusCategory": { "id": 2, "key": "new", "colorName": "blue-gray", "name": "To Do" } }, "components": [ { "id": "10206", "name": "iOS", "description": "iOS Platform" } ], "description": "h4. Problem Description\r\nOn iOS setting the ListItem template layout to 'vertical' does not render properly.\r\nThe items are all centered vertically and rendered one over another.\r\nThis seems to work on Android.\r\n\r\n\r\n\r\nh4.Steps to Reproduce\r\n1. Create a classic project.\r\n2. Paste this code in app.js file.\r\n4. Run this code with the testing environment.\r\n{code:title=ap.js}\r\nvar myTemplate = {\r\n\r\n\tproperties : {\r\n\t\twidth : Ti.UI.FILL,\r\n\t\theight : 100,\r\n\t\tlayout : 'vertical',\r\n\t\tbackgroundColor : 'transparent',\r\n\t\tselectedBackgroundColor : '#a0a000'\r\n\t},\r\n\tchildTemplates : [{\r\n\t\ttype : 'Ti.UI.Label',\r\n\t\tbindId : 'title',\r\n\t\tproperties : {\r\n\t\t\tcolor : '#ffffff',\r\n\t\t\tbackgroundColor : 'transparent',\r\n\t\t\tfont : {\r\n\t\t\t\tfontFamily : 'Arial',\r\n\t\t\t\tfontSize : 20,\r\n\t\t\t\tfontWeight : 'bold'\r\n\t\t\t},\r\n\t\t\ttouchEnabled : 'false', // so events are propagated to parent\r\n\t\t\tleft : 5,\r\n\t\t\twidth : Ti.UI.SIZE,\r\n\t\t\theight : Ti.UI.SIZE\r\n\t\t}\r\n\t}, {\r\n\t\ttype : 'Ti.UI.Label',\r\n\t\tbindId : 'value',\r\n\t\tproperties : {\r\n\t\t\tcolor : '#ffffff',\r\n\t\t\tbackgroundColor : 'transparent',\r\n\t\t\tfont : {\r\n\t\t\t\tfontFamily : 'Arial',\r\n\t\t\t\tfontSize : 15\r\n\t\t\t},\r\n\t\t\ttouchEnabled : 'false', // so events are propagated to parent\r\n\t\t\tleft : 10,\r\n\t\t\twidth : Ti.UI.SIZE,\r\n\t\t\theight : Ti.UI.SIZE\r\n\t\t}\r\n\t}],\r\n\r\n};\r\n\r\nvar items = [{\r\n\ttitle : {\r\n\t\ttext : 'Hello'\r\n\t},\r\n\tvalue : {\r\n\t\ttext : 'How Are You'\r\n\t}\r\n\r\n}, {\r\n\ttitle : {\r\n\t\ttext : 'Hello'\r\n\t},\r\n\tvalue : {\r\n\t\ttext : 'How Are You'\r\n\t}\r\n\r\n}, {\r\n\ttitle : {\r\n\t\ttext : 'Hello'\r\n\t},\r\n\tvalue : {\r\n\t\ttext : 'How Are You'\r\n\t}\r\n\r\n}, {\r\n\ttitle : {\r\n\t\ttext : 'Hello'\r\n\t},\r\n\tvalue : {\r\n\t\ttext : 'How Are You'\r\n\t}\r\n\r\n}];\r\n\r\nvar section = Ti.UI.createListSection({\r\n\titems : items\r\n});\r\n\r\nvar list = Ti.UI.createListView({\r\n\tsections : [section],\r\n\ttemplates : {\r\n\t\t'template' : myTemplate\r\n\t},\r\n\tdefaultItemTemplate : 'template',\r\n\tbackgroundColor : '#000'\r\n});\r\n\r\nvar win = Ti.UI.createWindow({\r\n\ttitle : 'ListView'\r\n});\r\nwin.add(list);\r\nwin.open();\r\n\r\n{code}\r\n", "attachment": [], "flagged": false, "summary": "iOS: Vertical layout in ListItem is not rendered properly (parity issue)", "creator": { "name": "s.stefanek", "key": "s.stefanek", "displayName": "Szymon Tomasz Stefanek", "active": true, "timeZone": "America/Los_Angeles" }, "subtasks": [], "reporter": { "name": "s.stefanek", "key": "s.stefanek", "displayName": "Szymon Tomasz Stefanek", "active": true, "timeZone": "America/Los_Angeles" }, "environment": "Mac OS X\r\niOS 7.0.3\r\nTitanium 3.3.0 GA\r\n\r\n\r\nh3.Testing Environment: \r\nTitanium SDK: 3.3.0.GA\r\nTitanium CLI: 3.4.0,\r\nAndroid SDK: 4.2.2,4.4.2,\r\niOS SDK:7.1\r\nOS X Version: 10.9.4,\r\nTitanium Studio: 3.4.0", "comment": { "comments": [ { "id": "353887", "author": { "name": "chmiiller", "key": "chmiiller", "displayName": "Carlos Henrique Zinato", "active": true, "timeZone": "America/Los_Angeles" }, "body": "This still not working!\r\nUsing: Titanium SDK 3.5.1.GA, iOS 8.3, Mac OS Yosemite.\r\nWorking well on Android.\r\n\r\niOS:\r\n!http://i.imgur.com/HCyVEUM.png?1!\r\n\r\nAndroid:\r\n!http://i.imgur.com/0QSEjcF.png?1!\r\n\r\nPlease fix it =/", "updateAuthor": { "name": "chmiiller", "key": "chmiiller", "displayName": "Carlos Henrique Zinato", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2015-05-29T14:25:53.000+0000", "updated": "2015-05-29T14:25:53.000+0000" }, { "id": "422428", "author": { "name": "lmorris", "key": "lmorris", "displayName": "Lee Morris", "active": false, "timeZone": "America/Los_Angeles" }, "body": "I am able to reproduce this issue with the following environment;\r\niPhone 7 (10.2)\r\nStudio 4.9.0.201705302345\r\nTi SDK 6.1.1.v20170620103414\r\nAppc NPM 4.2.9\r\nAppc CLI 6.2.1\r\nTi CLI 5.0.13\r\nAlloy 1.9.11\r\nArrow 2.0.0\r\nXcode 8.2 (8C38)\r\nNode v4.8.2\r\nJava 1.8.0_131", "updateAuthor": { "name": "lmorris", "key": "lmorris", "displayName": "Lee Morris", "active": false, "timeZone": "America/Los_Angeles" }, "created": "2017-06-20T23:49:58.000+0000", "updated": "2017-06-20T23:49:58.000+0000" } ], "maxResults": 3, "total": 3, "startAt": 0 } } }