{ "id": "64189", "key": "TIMOB-3557", "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": [ { "id": "14162", "description": "Release 3.1.0", "name": "Release 3.1.0", "archived": true, "released": true, "releaseDate": "2013-04-16" }, { "id": "15273", "description": "2013 Sprint 05 API", "name": "2013 Sprint 05 API", "archived": true, "released": true, "releaseDate": "2013-03-11" }, { "id": "14815", "description": "2013 Sprint 05", "name": "2013 Sprint 05", "archived": true, "released": true, "releaseDate": "2013-03-11" } ], "resolution": { "id": "1", "description": "A fix for this issue is checked into the tree and tested.", "name": "Fixed" }, "resolutiondate": "2013-03-12T16:33:22.000+0000", "created": "2011-04-15T03:46:39.000+0000", "priority": { "name": "Medium", "id": "3" }, "labels": [ "api", "insight", "module_tabgroup", "qe-testadded", "release-note" ], "versions": [], "issuelinks": [], "assignee": { "name": "blainhamon", "key": "blainhamon", "displayName": "Blain Hamon", "active": true, "timeZone": "America/Los_Angeles" }, "updated": "2013-10-23T23:15:27.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": "{html}

Currently, there is no other way to tweak the TabGroup-bar\r\ndesign other than creating a set of cumbersome views, labels,\r\nimages etc.

\r\n

Can we please get some more freedom in this design process?\r\nBeing able to edit the icon-mask of active (currently blue glossy)\r\nand inactive (gray) tab icons, backgroundImage of the tabBar and\r\nbackgroundImage of the tabs themselves would help a lot. It seems\r\nthat this is something that is relatively easy to do in\r\nObjective-C, if you have experience in that language.

\r\n

This would allow beautiful designs like:
\r\n

{html}", "attachment": [], "flagged": false, "summary": "iOS: Custom TabGroup Design", "creator": { "name": "doney", "key": "doney", "displayName": "Doney", "active": true, "timeZone": "America/Los_Angeles" }, "subtasks": [], "reporter": { "name": "doney", "key": "doney", "displayName": "Doney", "active": true, "timeZone": "America/Los_Angeles" }, "environment": null, "comment": { "comments": [ { "id": "241225", "author": { "name": "blainhamon", "key": "blainhamon", "displayName": "Blain Hamon", "active": true, "timeZone": "America/Los_Angeles" }, "body": "In terms of what native gives us, we have the following yet to expose:\r\n\r\nOn Tab bar itself: 5.0\r\n* selectedImageTintColor 5.0\r\n* backgroundImage 5.0\r\n* selectionIndicatorImage 5.0\r\n* shadowImage 6.0\r\n\r\nOn individual tabs:\r\n* finishedSelectedImage 5.0\r\n* finishedUnselectedImage 5.0\r\n\r\nOf these, only backgroundImage and selectionIndicatorImage have analogs in other OSes (MW's tabsBackgroundImage and activeTabBackgroundImage)\r\n\r\nfinishedSelectedImage will become activeIcon on the tab (with standard icon being finishedUnselectedImage if and only if activeIcon is set)\r\n\r\nshadowImage will still be named such. selectedImageTintColor will become activeTabIconTint.", "updateAuthor": { "name": "blainhamon", "key": "blainhamon", "displayName": "Blain Hamon", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-03-07T22:24:08.000+0000", "updated": "2013-03-07T22:49:27.000+0000" }, { "id": "241259", "author": { "name": "blainhamon", "key": "blainhamon", "displayName": "Blain Hamon", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Test code:\n{code}\nvar tabGroup = Titanium.UI.createTabGroup(\n{\n\ttabsBackgroundImage:'images/BUTT_drk_off.png',\n\tactiveTabBackgroundImage:'images/BUTT_grn_off.png',\n\tshadowImage: 'images/corkboard.jpg',\n\tactiveTabIconTint: 'purple'\n});\nvar win1 = Titanium.UI.createWindow();\nvar tab1 = Titanium.UI.createTab({\n\twindow:win1,\n\ticon:'images/send.png',\n\tactiveIcon:'images/send_selected.png',\n\ttitle:'tab1',\n});\n\nvar win2 = Titanium.UI.createWindow();\nvar tab2 = Titanium.UI.createTab({\n\ticon:'images/tabs/KS_nav_ui.png',\n\ttitle:'tab2',\n\twindow:win2\n});\n\n\ntabGroup.addTab(tab1);\ntabGroup.addTab(tab2);\ntabGroup.open();\n{code}", "updateAuthor": { "name": "blainhamon", "key": "blainhamon", "displayName": "Blain Hamon", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-03-08T00:25:25.000+0000", "updated": "2013-03-08T00:25:25.000+0000" }, { "id": "241269", "author": { "name": "blainhamon", "key": "blainhamon", "displayName": "Blain Hamon", "active": true, "timeZone": "America/Los_Angeles" }, "body": "https://github.com/appcelerator/titanium_mobile/pull/3942", "updateAuthor": { "name": "blainhamon", "key": "blainhamon", "displayName": "Blain Hamon", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-03-08T01:38:49.000+0000", "updated": "2013-03-08T01:38:49.000+0000" }, { "id": "241767", "author": { "name": "srahim", "key": "srahim", "displayName": "Sabil Rahim", "active": true, "timeZone": "America/Los_Angeles" }, "body": "CR & FR ", "updateAuthor": { "name": "srahim", "key": "srahim", "displayName": "Sabil Rahim", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-03-12T16:33:22.000+0000", "updated": "2013-03-12T16:33:22.000+0000" }, { "id": "244762", "author": { "name": "emerriman", "key": "emerriman", "displayName": "Eric Merriman ", "active": true, "timeZone": "America/Los_Angeles" }, "body": "Verified feature implemented with:\r\nMac OS 10.8.3\r\nSDK: 3.1.0.v20130329175112\r\nTitanium Studio, build: 3.1.0.201303261815\r\nCLI 3.0.25-alpha\r\nnode-appc 1.0.29-alpha\r\n\r\niPhone 5 iOS 6.0\r\niPhone 4 Simulator iOS 6.1\r\niPad Simulator iOS 5.0", "updateAuthor": { "name": "emerriman", "key": "emerriman", "displayName": "Eric Merriman ", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2013-03-30T19:37:10.000+0000", "updated": "2013-03-30T19:37:10.000+0000" } ], "maxResults": 5, "total": 5, "startAt": 0 } } }