Tab Colors

Forums Classic DFFS Tab Colors

Viewing 3 reply threads
  • Author
    Posts
    • #8124
      Yucel Cagri
      Participant

      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

    • #8134
      Yucel Cagri
      Participant

      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

    • #8135
      Yucel Cagri
      Participant

      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’);

    • #8209
      Alexander Bautz
      Keymaster

      Hi,
      I’m glad you figured it out.

      Alexander

Viewing 3 reply threads
  • You must be logged in to reply to this topic.