{ "id": "170684", "key": "TIMOB-25631", "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": { "id": "7", "description": "", "name": "Invalid" }, "resolutiondate": "2018-02-28T18:39:09.000+0000", "created": "2017-12-27T12:50:12.000+0000", "priority": { "name": "None", "id": "6" }, "labels": [ "Escalation" ], "versions": [ { "id": "19988", "description": "", "name": "Release 7.0.1", "archived": false, "released": true, "releaseDate": "2017-12-21" } ], "issuelinks": [], "assignee": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "updated": "2018-02-28T18:39:09.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": "10202", "name": "Android", "description": "Android Platform" } ], "description": "we have a requirement to place the TabGroup at the bottom of the screen. we are able to achieve this in iOS but coming to android, TabGroup is being displayed at the top of screen by default. By referring to the Appcelerator docs we have found an property \" tabsAtBottom\" for \"Tabgroup\" api to reposition the TabGroup to bottom, But it is not working as expected\r\nTest Steps:\r\n1) Open studio and create a classic app\r\n2) Paste the sample code to app.js\r\n3) Run the app and observe that position of TabGroup is top of the screen.\t\r\nTest code\r\n{code:java}\r\n/**\r\n * Create a new `Ti.UI.TabGroup`.\r\n */\r\nvar tabGroup = Ti.UI.createTabGroup({\r\n tabsBackgroundColor : \"#fff\",\r\n tabsAtBottom : true,\r\n // tabsAtBottom : false\r\n});\r\n\r\n/**\r\n * Add the two created tabs to the tabGroup object.\r\n */\r\ntabGroup.addTab(createTab(\"Home\", \"Home Page\", \"assets/images/home-button.png\"));\r\ntabGroup.addTab(createTab(\"Saved\", \"Saved Items Page\", \"assets/images/star.png\"));\r\ntabGroup.addTab(createTab(\"Contact\", \"Contact US Page\", \"assets/images/phone-contact.png\"));\r\ntabGroup.addTab(createTab(\"More\", \"Settings & More\", \"assets/images/ellipsis.png\"));\r\n/**\r\n * Open the tabGroup\r\n */\r\ntabGroup.open();\r\n\r\n/**\r\n * Creates a new Tab and configures it.\r\n *\r\n * @param {String} title The title used in the `Ti.UI.Tab` and it's included `Ti.UI.Window`\r\n * @param {String} message The title displayed in the `Ti.UI.Label`\r\n * @return {String} icon The icon used in the `Ti.UI.Tab`\r\n */\r\nfunction createTab(title, message, icon) {\r\n var win = Ti.UI.createWindow({\r\n title: title,\r\n backgroundColor: '#333',\r\n navBarHidden : true\r\n });\r\n\r\n var label = Ti.UI.createLabel({\r\n text: message,\r\n color: \"#fff\",\r\n font: {\r\n fontSize: 20\r\n }\r\n });\r\n\r\n win.add(label);\r\n\r\n var tab = Ti.UI.createTab({\r\n title: title,\r\n icon: icon,\r\n window: win,\r\n backgroundColor : \"#00AFDB\",\r\n backgroundFocusedColor : \"#333\"\r\n });\r\n\r\n return tab;\r\n}\r\n\r\n{code}\r\n\r\n*Test Environment*:\r\n{code}\r\nAppcelerator Command-Line Interface, version 7.0.1\r\nCopyright (c) 2014-2017, Appcelerator, Inc. All Rights Reserved.\r\nOperating System Mac OS X Version 10.13.1 \r\nNode.js 8.9.1\r\nnpm 5.5.1\r\nAndroid Device: Galaxy J7(7.0)\r\nAppcelerator CLI\r\nInstaller = 4.2.11\r\nCore Package = 7.0.1\r\nTitanium CLI\r\nCLI Version = 5.0.14\r\nnode-appc Version = 0.2.41\r\nTitanium SDK 7.0.1.GA\r\n{code}\r\n", "attachment": [], "flagged": false, "summary": "Android :Unable to position TabGroup at the bottom of the screen with tabsAtBottom ", "creator": { "name": "aislam", "key": "aislam", "displayName": "Aminul Islam", "active": false, "timeZone": "Etc/GMT-6" }, "subtasks": [], "reporter": { "name": "aislam", "key": "aislam", "displayName": "Aminul Islam", "active": false, "timeZone": "Etc/GMT-6" }, "environment": null, "closedSprints": [ { "id": 990, "state": "closed", "name": "2018 Sprint 02 SDK", "startDate": "2018-01-14T22:48:43.544Z", "endDate": "2018-01-28T22:48:00.000Z", "completeDate": "2018-01-29T16:22:42.911Z", "originBoardId": 114 } ], "comment": { "comments": [ { "id": "432720", "author": { "name": "mrahman", "key": "mrahman", "displayName": "Mostafizur Rahman", "active": true, "timeZone": "Asia/Dhaka" }, "body": "Hello [~emerriman], Any update on this? The customer wants to know the updates from us.\r\n\r\nBest", "updateAuthor": { "name": "mrahman", "key": "mrahman", "displayName": "Mostafizur Rahman", "active": true, "timeZone": "Asia/Dhaka" }, "created": "2018-01-04T05:48:31.000+0000", "updated": "2018-01-04T05:48:31.000+0000" }, { "id": "433084", "author": { "name": "Snigdha.Nooli", "key": "snigdha.nooli", "displayName": "Snigdha Nooli", "active": true, "timeZone": "Asia/Kolkata" }, "body": "Hi Team,\r\n\r\nWe have a similar issue. In our application, we have to show tab group at the bottom of the screen similar to iOS. But we are unable to achieve it as the \"tabsAtBottom\" property for TabGroup is not working as expected. Please help us in achieving this requirement.\r\n\r\nThanks,\r\nSnigdha", "updateAuthor": { "name": "Snigdha.Nooli", "key": "snigdha.nooli", "displayName": "Snigdha Nooli", "active": true, "timeZone": "Asia/Kolkata" }, "created": "2018-01-12T14:42:04.000+0000", "updated": "2018-01-12T14:42:04.000+0000" }, { "id": "433102", "author": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "body": "This is a documentation error.\r\n\r\nThe \"tabsAtBottom\" property has never been supported on Android, iOS, or Window.\r\nThis property was only supported by the deprecated \"Mobile Web\" platform.\r\n\r\nWhen we removed \"Mobile Web\" platform support, our documentation build system mistakenly defaulted to Android and iOS under platforms supported.\r\nhttps://github.com/appcelerator/titanium_mobile/pull/9236/files#diff-238ec1337a6863e5c571fbf5310188e0L656\r\n\r\nSorry about the confusion.", "updateAuthor": { "name": "jquick", "key": "jquick", "displayName": "Joshua Quick", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2018-01-12T22:16:24.000+0000", "updated": "2018-01-12T22:16:24.000+0000" }, { "id": "433149", "author": { "name": "mrahman", "key": "mrahman", "displayName": "Mostafizur Rahman", "active": true, "timeZone": "Asia/Dhaka" }, "body": "Thanks [~jquick]. The customer is informed about this. Will be back if there is any concern .", "updateAuthor": { "name": "mrahman", "key": "mrahman", "displayName": "Mostafizur Rahman", "active": true, "timeZone": "Asia/Dhaka" }, "created": "2018-01-15T10:11:43.000+0000", "updated": "2018-01-15T10:11:43.000+0000" } ], "maxResults": 7, "total": 7, "startAt": 0 } } }