Rectangle Pipeline Colours

Hi

does anyone know where the colours are stored for the rectangle pipeline stages?

ive got 16 stages setup but 3 of them are showing as white so difficult to see the text behind the colour block

also is it possible to remove the --none-- stage?

Parents
  • 0

    Hi SIQ,  Did you manage to resolve this issue as we have this at two sites with 15+ stages for cases where the white background is showing?

    Thanks Nick

  • 0 in reply to Nick@RBSolutions

    We're getting this now in our own system - 12 total tiles and the last 4 in white (v2022 R2) 

  • 0 in reply to Matthew Shaw

    Hi Matthew,

    See our notes on this below for adding colours to 4 additional stage

    If you have more than 10 stages in a case pipeline you manually add in the additional code to the RedefinedStyles.Css file in the location:
    CRM\CRM\WWWRoot\Themes\custom

    You will need to use the f12 developer function within the web browser you to find the correct element e.g. right click and select inspect on the stage box to find the name. See example below of what we added in

    /* Add your CSS customizations to this file. */

    #casesegment16 { Background: #ff9500 !important; }
    #casesegment17 { Background: #CD5C5C !important; }
    #casesegment18 { Background: #FF33D7 !important; }
    #casesegment19 { Background: #3BAB0D !important; }

    also if you want the back tile to turn white when clicked need to change the above to  the below

    #casesegment16 { Background: #ff9500;color: #4287f5 !important; }

    Use https://htmlcolorcodes.com/ to specify HTML colour codes to use

    Hope that helps.

Reply
  • 0 in reply to Matthew Shaw

    Hi Matthew,

    See our notes on this below for adding colours to 4 additional stage

    If you have more than 10 stages in a case pipeline you manually add in the additional code to the RedefinedStyles.Css file in the location:
    CRM\CRM\WWWRoot\Themes\custom

    You will need to use the f12 developer function within the web browser you to find the correct element e.g. right click and select inspect on the stage box to find the name. See example below of what we added in

    /* Add your CSS customizations to this file. */

    #casesegment16 { Background: #ff9500 !important; }
    #casesegment17 { Background: #CD5C5C !important; }
    #casesegment18 { Background: #FF33D7 !important; }
    #casesegment19 { Background: #3BAB0D !important; }

    also if you want the back tile to turn white when clicked need to change the above to  the below

    #casesegment16 { Background: #ff9500;color: #4287f5 !important; }

    Use https://htmlcolorcodes.com/ to specify HTML colour codes to use

    Hope that helps.

Children