In Titanium JS, how can I change the inactive Tab tint colour?

Question

I've successfully changed the Tabs background colour and the active tab tint colour. However, I can't seem to change the tint colour of an inactive tab from grey.

enter image description here

As you can see in the image above, the "About" tab text and icon are grey.

Note that the icons are .png image files, which are both white. It looks like they are being overridden with that grey colour.

How can I make them white or another colour?

I've tried the following in my .tss file, but nothing has worked:

"TabGroup" : { 
   barColor: '#f8ac12',
   tabsBackgroundColor: '#f8ac12',
   tintColor: '#FFFFFF',
   tabsTintColor: '#FFFFFF',
   activeTabIconTint: '#FFFFFF',
},
"Tab": {
    iconIsmask: "false",
    tintColor: '#FFFFFF',  
}

Mark Duncan · Answer 1 · 2014-08-22T08:58:35.973

5

The Titanium docs have a typo. The property you need to modify for the tab is "iconIsMask", not "iconIsmask". This should make iOS should keep whatever the icon's color is.

"Tab": {
  iconIsMask: false,
  tintColor: '#FFFFFF'
}

Unfortunately, the text remains gray. I'm trying to figure that out now. https://i.stack.imgur.com/Z8QLT.jpg

edited Aug 22 '14 at 08:58

answered Aug 22 '14 at 07:19

Mark Duncan

404
3
7

That's great, if you can figure out why the text remains grey, I'll put this as the correct answer. – shrewdbeans Aug 22 '14 at 10:13
2

@shrewdbeans The grey text color seems to be a bug in Titanium. https://jira.appcelerator.org/browse/TC-4497 Hopefully it gets fixed soon. – Mark Duncan Aug 24 '14 at 23:58

score 0 · Accepted Answer · edited Apr 21 '14 at 17:48

0

You cannot change an inactive tab's tint color so you should try this custom tab group widget.

edited Apr 21 '14 at 17:48

shrewdbeans

11,971
23
69
115

answered Apr 21 '14 at 14:10

Mitul Bhalia

1,217
1
7
8

In Titanium JS, how can I change the inactive Tab tint colour?

2 Answers2