Tab Colors

[Yucel Cagri]

Hi Alexander,

Is there a way to set selected tab’s background color ? Perhaps through CSS ?

Also, I would like to change color of a specific tab depending on a rule outcome ? Requirement is to highlight a tab, if one field is blank, without actually makeing the field required. I know I can initiate a function, but not sure how to set a specific tab’s color.

Many thanks,

Cagri

[Yucel Cagri]

Managed to get this working, perhaps not the most elegant ways of doing it though.

1. Changing selected tab colors:

Put following into Custom CSS section
ul.tabRowLast li.tabSelected a{
color:#ffffff !important;
background-color:#24404A !important;
margin-bottom:0px;
border-bottom-color:transparent;
padding-bottom:4px;
}

2. Highlighting tabs based on rules
Put following into Custom JS
function highlightmyTab() {
highlightTab (“myTab”);
}

function highlightTab (tId) {
spjs.$(“.tabUniqueID_”+tId).css(“background-color”,”#24F04A !important”);
}

And then reference highlightmyTab in the relevant rule. By the looks of it, function field under rules does not allow parameters to be passed, so this needs a separate function for each occasion. Alexander, am I getting this right ?

I like the way how this highlights a tab, with and outside border instead of changing its color.

Cagri

[Yucel Cagri]

Obviously Jquery.css does not support priority. It was working fine on IE not on Chrome, now changed that line to:
spjs.$(“.tabUniqueID_”+tId).attr(‘style’, ‘background-color:#24F04A !important’);

[Alexander Bautz]

Hi,
I’m glad you figured it out.

Alexander

[Author]

Posts