[TIMOB-6704] iOS: Button Styling for TabbedBar

GitHub Issue	n/a
Type	New Feature
Priority	Low
Status	Open
Resolution	Unresolved
Affected Version/s	Release 1.7.5, Release 1.8.0.1
Fix Version/s	n/a
Components	iOS
Labels	tbs-1.9.0
Reporter	Mauro Parra-Miranda
Assignee	Eric Merriman
Created	2011-12-15T15:06:00.000+0000
Updated	2018-08-02T17:31:46.000+0000

Description

PROBLEM DESCRIPTION

The customer wants to be able to do styling on the buttons in a tabbed bar, just like the tabbed bar in the twitter app for iphone has a nice gradient (attached image).

MORE INFO

They want to be able to style the tabbedbar buttons, meaning clicked vs unclicked colors, changing the gradient and the automatic glow that is on the buttons. - It would be ideal for them if they could use background images. They would like to be able to set a background image on toolbars.

Attachments

File	Date	Size
Photo 2011-12-12 20 20 51.png	2011-12-15T15:06:00.000+0000	93570
Screen Shot 2011-12-15 at 5.53.40 PM.png	2011-12-15T18:03:22.000+0000	12672

Comments

Blain Hamon 2011-12-15

Features already exist:

   var tabGroup = Titanium.UI.createTabGroup();
   
   var win = Titanium.UI.createWindow();
   
   var tab1 = Titanium.UI.createTab({
   	window:win
   });
   
   var win2 = Titanium.UI.createWindow();
   var tab2 = Titanium.UI.createTab({
   	window:win2
   });
   
   tabGroup.addTab(tab1);
   tabGroup.addTab(tab2);
   tabGroup.open();
   
   win.barColor = '#6699CC';
   var tabbedBar = Ti.UI.createTabbedBar({
   	labels:['Appcelerator', 'Titanium'],
   	style:Titanium.UI.iPhone.SystemButtonStyle.BAR,
   	backgroundColor:'#6699CC',
   	height:35,
   	width:200,
   	index:0
   });
   
   win.setTitleControl(tabbedBar);

We should document that, on tabbed bar and button bar, backgroundColor is overridden to actually affect the native UISegmentedControl's tint color. Proposing we move this over to APIDoc.

Blain Hamon 2011-12-15

Screenshot from sample code given.
Sergej Kotliar 2011-12-15

Blain: As you can see from your screenshots this is not what we are asking for. We need to be able to override the default tint, just as in the example attached.

JSON Source