[TIMOB-9135] iOS: Customize tab group

GitHub Issue	n/a
Type	New Feature
Priority	High
Status	Closed
Resolution	Fixed
Resolution Date	2012-07-12T16:48:18.000+0000
Affected Version/s	Release 2.0.1
Fix Version/s	Sprint 2012-14 API, Release 3.0.0
Components	iOS
Labels	api, parity, qe-review, qe-testadded, tabgroup
Reporter	Qing Gao
Assignee	Hieu Pham
Created	2012-05-15T11:13:47.000+0000
Updated	2013-01-02T22:01:14.000+0000

Description

Since iOS5+ supports customizing tabgroup like changing the background color by "tintColor" property, our platform should provide similar functions to let customers do those in Titanium as well.

Comments

Neeraj Gupta 2012-06-26

We need to evaluate all platforms for this feature.
Vishal Duggal 2012-07-12

Fixed on master by PR https://github.com/appcelerator/titanium_mobile/pull/2538 Supported via the tabsBackgroundColor property of tabgroup.

Sabil Rahim 2012-10-16

Testing Instruction

   // this sets the background color of the master UIView (when there are no windows/tab groups on it)
   Titanium.UI.setBackgroundColor('#000');
   
   // create tab group
   var tabGroup = Titanium.UI.createTabGroup();
   
   
   //
   // create base UI tab and root window
   //
   var win1 = Titanium.UI.createWindow({  
       title:'Tab 1',
       backgroundColor:'#fff'
   });
   var tab1 = Titanium.UI.createTab({  
       icon:'KS_nav_views.png',
       title:'Tab 1',
       window:win1
   });
   
   var label1 = Titanium.UI.createLabel({
   	color:'#999',
   	text:'I am Window 1',
   	font:{fontSize:20,fontFamily:'Helvetica Neue'},
   	textAlign:'center',
   	width:'auto'
   });
   
   win1.add(label1);
   
   //
   // create controls tab and root window
   //
   var win2 = Titanium.UI.createWindow({  
       title:'Tab 2',
       backgroundColor:'#fff'
   });
   var tab2 = Titanium.UI.createTab({  
       icon:'KS_nav_ui.png',
       title:'Tab 2',
       window:win2
   });
   
   var label2 = Titanium.UI.createLabel({
   	color:'#999',
   	text:'I am Window 2',
   	font:{fontSize:20,fontFamily:'Helvetica Neue'},
   	textAlign:'center',
   	width:'auto'
   });
   
   
   
   win2.add(label2);
   //
   //  add tabs
   //
   tabGroup.tabsBackgroundColor= 'red';
   tabGroup.addTab(tab1);  
   tabGroup.addTab(tab2);  
   
   
   // open tab group
   tabGroup.open();

Olga Romero 2012-10-16

Verified fix with: Titanium Studio, build: 3.0.0.201210090117 Titanium SDK, build: 3.0.0.v20121014234610 Devices: Simulator 6.0 iPhone4s ios 6.0 Closing this issue.

JSON Source