Project Workspace, band color modification

[ramilo]

I would like to change the color of the band lets say if status is green, the color would be dark green instead of green or yellow would appear like orange(amber). Can someone please tell me where is the code of this page? Thank you.

[Ganga1]

Hi Harsha,

I have added a new colour 'Amber' to the Project status. In the project workspace, for the new colour created, I am not getting that colour display there. Can you suggest something where I can modify to get the new colour in my workspace.

[Jiten Parbhoo]

Hi, 

Can anyone help me as the color band is not showing up for any projects with the status Amber (I created a new status as Yellow does not follow the RAG status in project methodology) 

I have gone into the UI Macros and Home Cards mentioned as the solution but still cannot get it working. 

This is the code I have set in the pm_home_cards

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="true" xmlns:j="jelly:core" xmlns:g="glide">
<!-- lanes -->
<style>
.pm-home-page-no-cards span {
font-weight: bold;
font-size: 16px;
padding: 40px;
display: inline-block;
}
</style>
<div class="home-cards">
<!-- Already existing records-->
<g:inline template="pm_home_breadcrumb_string"/>
<div class="home-card-container row">
<pm-home-card class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-xs-12 pm-home-card-wrpr" ng-repeat="card in cards" template-url="scripts/pm_home/templates/pmHomeCardTemplate.html"></pm-home-card>
</div>

<div class="pm-home-page-loading" ng-hide="loaded">
<div class="icon-loading"></div>
<div class="pps-dashboard-loading-text">
${gs.getMessage('Loading...')}
</div>
</div>
<div class="pm-home-page-no-cards" ng-class="(loaded &amp;&amp; cards.length == 0) ? 'visible': ''">
<span>${gs.getMessage('No projects found with the current filter. Try changing the filter.')}</span>
</div>
</div>
</j:jelly>

Many Thanks

Jiten Parbhoo

[Harsha Lanka]

Hi,

Please see the accepted solution and try using below css:

#sn-pm-home .home-cards .card.amber {

border-top: 4px solid <amber_color_hex_code> !important;

}

Thanks,
Harsha Lanka

[Jiten Parbhoo]

Hi, 

Thank you for coming back to me but I do not see the CSS field to add the code? Am I looking in the wrong place? 

Many Thanks

Jiten

[Harsha Lanka]

Please add the css inside,

<style>

</style>