Microsoft Dynamics 365根据值更改表单上的标题颜色

Question

I have an option set on my Account / Sales form. Based on this value I want to change the header color at the top of the form.

I can do this manually through editing the CSS through the Developer Tools, however when I try and do this through Form Properties and Web Resources I cannot get the color to change.

As a base test I'm just trying to inject the CSS into the page through javascript.

Here is the CSS web resource that I created.

.ms-crm-Form-HeaderPosition {
    background-color: rgba(2,206,239,1) !important;
}

Here is the javascript web resource I created:

function load_css_file(filename){ 
   var fileref = document.createElement("link") 
   fileref.setAttribute("rel", "stylesheet") 
   fileref.setAttribute("type", "text/css") 
   fileref.setAttribute("href", filename) 
   document.getElementsByTagName("head")[0].appendChild(fileref) 
}
function myFormOnLoad(){ 
   load_css_file('/WebResources/aws_ColoredHeaderMGA.css'); 
}

I then went to my Sales form, changed the form properties to load in my Javascript web resource and then told it to call the function myFormOnLoad as on OnLoad even for the form.

I'm not getting any errors, I know the javascript is getting called because I added an alert to it just to make sure and I did receive the alert.

What am I missing to get the header color to change?

Answer 1

In case someone is looking for working code, the below one we are using.

I guess the URL is the problem in OP. Add OrgName & remove extension (.css)

function LdCSS() {
    var path = "/orgname/WebResources/new_custom";
    var head = document.getElementsByTagName('head')[0];
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = path;
    link.media = 'all';
    head.appendChild(link);
}