
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎07-31-2017 03:44 PM
I want to have different colors for each tab in my CMDB module. Is it possible to do so?
Please mark this response as correct or helpful if it assisted you with your question.
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎08-01-2017 04:19 AM
Hi Sanjiv,
Hope you are asking something as below.
You can achieve this by writing a on load client script on your table:
Script:
function onLoad() {
//Type appropriate comment here, and begin script below
var tabs = document.getElementsByClassName('tabs2_tab');
tabs[0].style.backgroundColor = 'red';
tabs[1].style.backgroundColor = 'green';
tabs[2].style.backgroundColor = 'orange';
tabs[3].style.backgroundColor = 'blue';
tabs[4].style.backgroundColor = 'yellow';
}
section numbers starts from 0. Replace the tab number with your required number to add color to that particular tab/section.
If you want to add colors to related lists as below , the next number will be followed in the script.
Please mark the answer as correct, if your issue is resolved
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎07-31-2017 05:25 PM
Hi Sanjiv,
Perhaps customizing the css.
For ServiceNow themes
Within Forms
Change the font color of section name
Can we modify the background color for a form for a table?(not just fields or headers)
I hope this helps!
Thanks,
Berny
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎07-31-2017 06:45 PM
Hi Sanjiv,
If you are looking for making the section/tab mandatory on clicking any UI Action, then you might refer this thread: When incident is Resolved, user should jump to closure information section tab
I hope this helps. Please mark correct/helpful based on impact
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎08-01-2017 04:19 AM
Hi Sanjiv,
Hope you are asking something as below.
You can achieve this by writing a on load client script on your table:
Script:
function onLoad() {
//Type appropriate comment here, and begin script below
var tabs = document.getElementsByClassName('tabs2_tab');
tabs[0].style.backgroundColor = 'red';
tabs[1].style.backgroundColor = 'green';
tabs[2].style.backgroundColor = 'orange';
tabs[3].style.backgroundColor = 'blue';
tabs[4].style.backgroundColor = 'yellow';
}
section numbers starts from 0. Replace the tab number with your required number to add color to that particular tab/section.
If you want to add colors to related lists as below , the next number will be followed in the script.
Please mark the answer as correct, if your issue is resolved

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎08-01-2017 09:50 AM
Cool. That works
Please mark this response as correct or helpful if it assisted you with your question.