function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
MadhanMohan1234MadhanMohan1234 

Change theme in salesforce

I have pasted this java script code in home page componets,but i dont know how to use it ..can
 
 any one help me ?
 
<script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js">var elms = document.getElementsByTagName('html')[0].style.backgroundColor;</script>Header Color:&nbsp;<input class="color {pickerFaceColor:'transparent',pickerFace:3,pickerBorder:0,pickerInsetColor:'black'}" onchange="document.getElementsByTagName('tbody')[0].style.backgroundColor = '#'+this.color" onfocus="document.getElementsByTagName('html')[0].style.backgroundColor = '#'+this.color" autocomplete="off" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); "><p></p>Tabs and Body Color:&nbsp;<input class="color {pickerFaceColor:'transparent',pickerFace:3,pickerBorder:0,pickerInsetColor:'black'}" onchange="document.getElementsByTagName('tr')[3].style.backgroundColor = '#'+this.color" onfocus="document.getElementsByTagName('tr')[3].style.backgroundColor = '#'+this.color" autocomplete="off" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); "><p></p>HTML1 Color:&nbsp;<input class="color {pickerFaceColor:'transparent',pickerFace:3,pickerBorder:0,pickerInsetColor:'black'}" onchange="document.getElementsByTagName('tr')[2].style.backgroundColor = '#'+this.color" onfocus="document.getElementsByTagName('tr')[2].style.backgroundColor = '#'+this.color" autocomplete="off" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); "><p></p>TBody1:&nbsp;<input class="color {pickerFaceColor:'transparent',pickerFace:3,pickerBorder:0,pickerInsetColor:'black'}" onchange="document.getElementsByTagName('tr')[4].style.backgroundColor = '#'+this.color" onfocus="document.getElementsByTagName('tr')[5].style.backgroundColor = '#'+this.color" autocomplete="off" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); "><br>
nbknbk

Hello,

 

Assign the home page component which you created javascript code to desire profile(Ex: system administrator). The component will be display in home tab.

 

navigation: customize->home page layouts->Edit "profile name"->check the component name which you created and save.

 

The component will be show by clicking on Home tab.

 

please let  me know if you have any doubts.

 

Thanks,

Krishna

MadhanMohan1234MadhanMohan1234

When i added in the home page laypout ..the same code is coming on the code Home page Left column...

nbknbk

add the script end tag for your code. The following statement is missing.

</script>

Sri549Sri549

Hi,MadhanMohan

 

 

<script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js">var elms = document.getElementsByTagName('html')[0].style.backgroundColor;</script>Header Color:&nbsp;<input class="color {pickerFaceColor:'transparent',pickerFace:3,pickerBorder:0,pickerInsetColor:'black'}" onchange="document.getElementsByTagName('tbody')[0].style.backgroundColor = '#'+this.color" onfocus="document.getElementsByTagName('html')[0].style.backgroundColor = '#'+this.color" autocomplete="off" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); "><p></p>Tabs and Body Color:&nbsp;<input class="color {pickerFaceColor:'transparent',pickerFace:3,pickerBorder:0,pickerInsetColor:'black'}" onchange="document.getElementsByTagName('tr')[3].style.backgroundColor = '#'+this.color" onfocus="document.getElementsByTagName('tr')[3].style.backgroundColor = '#'+this.color" autocomplete="off" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); "><p></p>HTML1 Color:&nbsp;<input class="color {pickerFaceColor:'transparent',pickerFace:3,pickerBorder:0,pickerInsetColor:'black'}" onchange="document.getElementsByTagName('tr')[2].style.backgroundColor = '#'+this.color" onfocus="document.getElementsByTagName('tr')[2].style.backgroundColor = '#'+this.color" autocomplete="off" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); "><p></p>TBody1:&nbsp;<input class="color {pickerFaceColor:'transparent',pickerFace:3,pickerBorder:0,pickerInsetColor:'black'}" onchange="document.getElementsByTagName('tr')[4].style.backgroundColor = '#'+this.color" onfocus="document.getElementsByTagName('tr')[5].style.backgroundColor = '#'+this.color" autocomplete="off" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); "><br></script>

 

 

 

Try with this you may get it..

 

Thanks

Srinivas

MadhanMohan1234MadhanMohan1234

I have already end the </script> end tag in the second line....Should i need any packages to be install?

nbknbk

No. not required any package/install to update the home page component.

 

I  have used the following conent in my personal org and it is showing as below..

Header Color: [textbox]Tabs and Body Color: [textbox] HTML1 Color: TBody1:

 

overwrite with following content and save your component. It should visible in home tab.

 

<script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js">var elms = document.getElementsByTagName('html')[0].style.backgroundColor;</script>Header Color:&nbsp;<input class="color {pickerFaceColor:'transparent',pickerFace:3,pickerBorder:0,pickerInsetColor:'black'}" onchange="document.getElementsByTagName('tbody')[0].style.backgroundColor = '#'+this.color" onfocus="document.getElementsByTagName('html')[0].style.backgroundColor = '#'+this.color" autocomplete="off" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); "><p></p>Tabs and Body Color:&nbsp;<input class="color {pickerFaceColor:'transparent',pickerFace:3,pickerBorder:0,pickerInsetColor:'black'}" onchange="document.getElementsByTagName('tr')[3].style.backgroundColor = '#'+this.color" onfocus="document.getElementsByTagName('tr')[3].style.backgroundColor = '#'+this.color" autocomplete="off" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); "><p></p>HTML1 Color:&nbsp;<input class="color {pickerFaceColor:'transparent',pickerFace:3,pickerBorder:0,pickerInsetColor:'black'}" onchange="document.getElementsByTagName('tr')[2].style.backgroundColor = '#'+this.color" onfocus="document.getElementsByTagName('tr')[2].style.backgroundColor = '#'+this.color" autocomplete="off" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); "><p></p>TBody1:&nbsp;<input class="color {pickerFaceColor:'transparent',pickerFace:3,pickerBorder:0,pickerInsetColor:'black'}" onchange="document.getElementsByTagName('tr')[4].style.backgroundColor = '#'+this.color" onfocus="document.getElementsByTagName('tr')[5].style.backgroundColor = '#'+this.color" autocomplete="off" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); "><br></script>