You need to sign in to do that
Don't have an account?
MadhanMohan1234
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: <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: <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: <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: <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>
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
When i added in the home page laypout ..the same code is coming on the code Home page Left column...
add the script end tag for your code. The following statement is missing.
</script>
Hi,MadhanMohan
<script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js">var elms = document.getElementsByTagName('html')[0].style.backgroundColor;</script>Header Color: <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: <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: <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: <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
I have already end the </script> end tag in the second line....Should i need any packages to be install?
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: <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: <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: <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: <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>