Change tab color by rule

[Alexander Bautz]

I got this request:

Hi Alex,

Quick question, does DFFS have the functionality to change the tab color based off of a status?

Example: A status on a project is set to finished, when it is set to finished a tab automatically changes colors to green. When the status is on Pending the tab color is orange?

I’ve been testing a few different things and having no real luck, so is this possible?

Thanks so much!

This example colors the third tab (0-indexed) green. Change the number “2” to target another tab.

Add this to the Custom JS:

function colorMyTabGreen(){
	$("#dffs_tab_2").addClass("greenTab");
}

And this to the Custom CSS:

li.greenTab a{
	background-color:#008000!important;
	color:#ffffff!important;
}

To use this in a rule, call the function “colorMyTabGreen” from the rule – in the “Run these functions / trigger these rules” field.

Alexander

[Author]

Posts