{ "id": "131642", "key": "TIMOB-17149", "fields": { "issuetype": { "id": "2", "description": "A new feature of the product, which has yet to be developed.", "name": "New Feature", "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-06-12T09:38:50.000+0000", "priority": { "name": "Low", "id": "4" }, "labels": [ "Ti.UI.View", "borderRadius" ], "versions": [ { "id": "15971", "description": "Release 3.2.3", "name": "Release 3.2.3", "archived": false, "released": true, "releaseDate": "2014-04-30" } ], "issuelinks": [], "assignee": null, "updated": "2018-02-28T20:03:44.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": "10224", "name": "TiAPI", "description": "This component is used for cross-platform API work. Specifications are most likely to use this component." } ], "description": "I have a {{Ti.UI.View}} which requires its {{width}} to be set to a percentage. Now I want the {{borderRadius}} of this view to be 50% of it's width so the view shows as a circle. But {{borderRadius}} does not support percentages.\r\n\r\nI'm not sure if the {{borderRadius}} on each 2 sides of a corner could differ, but if it can't I understand this would make it difficult to support percentages.\r\n\r\nBut even in that case you could first look if either {{width}} or {{height}} is not set or set to {{Ti.UI.SIZE}} and then use the other and if both are (not) set default to the {{width}} e.g.\r\n\r\nAn example that uses a transparent square image to try to make a circle that should be 50% of the width of the window:\r\n\r\n{code:javascript}\r\nvar win = Ti.UI.createWindow();\r\n\r\nvar circle = Ti.UI.createView({\r\n width: '30%',\r\n backgroundColor: 'red',\r\n borderRadius: '50%',\r\n\r\n // so that the height will be that of the square\r\n height: Ti.UI.SIZE\r\n});\r\n\r\nvar square = Ti.UI.createImageView({\r\n width: Ti.UI.FILL,\r\n image: '/images/transparent_square.png',\r\n\r\n // so that the height will equal the absolute width\r\n height: Ti.UI.SIZE\r\n});\r\n\r\ncircle.add(square);\r\nwin.add(circle);\r\n\r\nwin.open();\r\n{code}", "attachment": [], "flagged": false, "summary": "TiAPI : Support percentages for borderRadius", "creator": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "subtasks": [], "reporter": { "name": "fokkezb", "key": "fokke", "displayName": "Fokke Zandbergen", "active": true, "timeZone": "Europe/Amsterdam" }, "environment": "SDK 3.3.0.RC", "comment": { "comments": [ { "id": "308738", "author": { "name": "ragrawal", "key": "ragrawal", "displayName": "Ritu Agrawal", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Moving this feature request to Engineering for further evaluation and prioritization.", "updateAuthor": { "name": "ragrawal", "key": "ragrawal", "displayName": "Ritu Agrawal", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2014-06-12T19:20:36.000+0000", "updated": "2014-06-12T19:20:36.000+0000" } ], "maxResults": 1, "total": 1, "startAt": 0 } } }